/* Age restriction popup overrides / refinements (base layout is in base.css) */
.age-gate-overlay {
  /* base colors and layout defined in base.css */
}

.age-gate-modal {
  text-align: center;
}

.age-gate-modal h1 {
  font-family: var(--font-serif);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.age-gate-modal p {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.age-gate-actions .btn {
  min-width: 220px;
}

@media (max-width: 480px) {
  .age-gate-actions .btn {
    width: 100%;
  }
}