/* Enhanced Button Styles */

/* Secondary Button Hover Enhancement */
.hero-secondary-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 255, 255, 0.2);
  color: white;
  letter-spacing: 2.5px;
}

/* Add glow animation to secondary button */
.hero-secondary-btn {
  animation: buttonGlow 3s infinite alternate;
}

@keyframes buttonGlow {
  0% {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
  }
  100% {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 0 15px rgba(255, 255, 255, 0.2);
  }
}

/* Enhanced hover effect for secondary button */
.hero-secondary-btn:before {
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}