.btn-creditos {
  position: relative;
  animation: bc-glow 2s ease-in-out infinite;
  transition: text-shadow 0.2s ease;
}

.btn-creditos::after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 12px;
  right: 12px;
  height: 2px;
  background: radial-gradient(circle, #66295C, #813D61, #692A5D, #27518E, #617888);
  background-size: 200% 100%;
  animation: bc-underline-slide 2s linear infinite;
  border-radius: 2px;
}

.btn-creditos:hover {
  color: #FFBE0B !important;
  text-shadow: 0 0 10px rgba(255,190,11,0.9), 0 0 25px rgba(255,190,11,0.5) !important;
  box-shadow: none !important;
}

@keyframes bc-glow {
  0%, 100% {
    text-shadow: 0 0 6px rgba(255,4,110,0.8), 0 0 15px rgba(255,4,110,0.4);
  }
  50% {
    text-shadow: 0 0 10px rgba(255,190,11,0.9), 0 0 25px rgba(255,190,11,0.5);
  }
}

@keyframes bc-underline-slide {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}