/* Keep mobile hero call-to-action buttons above all decorative animation layers. */
.hero-glow,
.hero::before,
.hero-system,
.hero-system * {
  pointer-events: none !important;
}

.hero-copy,
.hero-copy .cta-row,
.hero-copy .cta-row .button {
  position: relative;
  z-index: 5;
  pointer-events: auto !important;
  touch-action: manipulation;
}

.hero-copy .cta-row .button {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 760px) {
  .hero-copy {
    isolation: isolate;
  }

  .hero-copy .cta-row {
    z-index: 20;
  }

  .hero-copy .cta-row .button {
    display: flex;
    min-height: 56px;
  }
}