@keyframes heroButtonPulseInVisible {
  0% {
    transform: scale(1);
  }

  36% {
    transform: scale(1.28);
  }

  68% {
    transform: scale(0.98);
  }

  100% {
    transform: scale(1);
  }
}

.hero-actions.motion-visible .btn-main,
.hero-actions.motion-visible .btn-ghost {
  animation: heroButtonPulseInVisible 1.65s cubic-bezier(0.2, 0.85, 0.25, 1) both;
}

.hero-actions.motion-visible .btn-main {
  animation-delay: 0.35s;
}

.hero-actions.motion-visible .btn-ghost:nth-child(2) {
  animation-delay: 0.85s;
}

.hero-actions.motion-visible .btn-ghost:nth-child(3) {
  animation-delay: 1.35s;
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions.motion-visible .btn-main,
  .hero-actions.motion-visible .btn-ghost {
    animation: none;
  }
}