/* Shared SMS consent dialog (create wizard and management page). */

.consent-modal {
  width: min(32rem, calc(100% - 32px));
}

.consent-modal .modal-title {
  font-size: 0.8125rem;
  line-height: 1.7;
}

.consent-text {
  margin: 0 0 22px;
  font-size: 1.125rem;
  line-height: 1.6;
}

.consent-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.consent-actions .btn-pixel {
  min-height: 52px;
  min-width: 9rem;
  font-size: 1.0625rem;
}

@media (max-width: 600px) {
  .consent-modal {
    width: calc(100% - 32px);
    height: fit-content;
    margin: auto;
  }

  .consent-modal .modal-box {
    height: auto;
    border-width: 4px;
    box-shadow:
      0 0 0 4px var(--deep),
      0 12px 0 4px var(--deep);
  }

  .consent-actions {
    flex-direction: column-reverse;
  }

  .consent-actions .btn-pixel {
    width: 100%;
  }

  @media (prefers-reduced-motion: no-preference) {
    .consent-modal[open] .modal-box {
      animation: calhou-blip-in var(--dur-slow) var(--ease-pixel) both;
    }

    .consent-modal.is-closing .modal-box {
      animation: calhou-blip-out var(--dur) var(--ease-pixel) both;
    }
  }
}