.animated-gradient-text {
  font-size: 2.5rem;
  font-weight: 700;
  display: inline-block;
  background: linear-gradient(
    270deg,
    #ff6b6b,
    #f06595,
    #845ef7,
    #5c7cfa,
    #339af0,
    #22b8cf,
    #20c997,
    #51cf66,
    #94d82d,
    #fcc419,
    #ff922b,
    #ff6b6b
  );
  background-size: 300% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: gradientShift 4s ease-in-out infinite, textGlow 4s ease-in-out infinite;
}

/* Gradient movement */
@keyframes gradientShift {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}