/*
  mobile-cta.css
  960px未満で画面下部に固定表示するCTAバー（Figmaに専用フレームはないため既存トークンで構成）。
*/

.mobile-fixed-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3) var(--container-padding);
  padding-bottom: max(var(--space-3), env(safe-area-inset-bottom));
  background-color: rgb(250 250 248 / 0.97);
  border-top: 1px solid var(--color-border);
}

.mobile-fixed-cta .btn {
  flex: 1;
  padding-inline: var(--space-3);
  font-size: 0.875rem;
}

.mobile-fixed-cta .btn__icon {
  width: 1rem;
  height: 1rem;
}

@media (min-width: 960px) {
  .mobile-fixed-cta {
    display: none;
  }
}