/* Custom CSS that bypasses Tailwind tree-shaking */

/* Animated gradient border for CTA buttons */
@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.animated-gradient-border {
  background: linear-gradient(90deg, #0ff, #f0f, #fa5d29, #fff187, #0ff, #f0f, #0ff);
  background-size: 300% 100%;
  animation: gradient-shift 3s ease infinite;
}

.animated-gradient-border:hover {
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.25), 0 0 40px rgba(255, 0, 255, 0.15);
}