/* ======== RESPONSIVE ======== */
/* Cross-cutting responsive rules that span multiple components */

@media (max-width: 600px) {
  .section {
    padding: var(--space-16) 0;
  }

  .hero__cta {
    flex-direction: column;
  }

  .btn--lg {
    width: 100%;
  }
}