.shiny-text {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(156, 136, 115, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(255, 255, 255, 1) 60%,
      rgba(189, 168, 145, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}

@keyframes shine {
  0% {
    background-position: 100% center;
  }

  100% {
    background-position: -100% center;
  }
}

.shiny-text.disabled {
  animation: none;
}

.shiny-text-blue {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(55, 96, 113, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(255, 255, 255, 1) 60%,
      rgba(85, 140, 165, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}

.shiny-text-yellow {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(237, 255, 143, 1) 0%,
      rgba(209, 224, 203, 1) 40%,
      rgba(209, 224, 203, 1) 60%,
      rgba(237, 255, 143, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}

.shiny-text-purple {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(101, 90, 141, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(255, 255, 255, 1) 60%,
      rgba(167, 139, 250, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}

.shiny-text-red {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(116, 13, 13, 1) 0%,
      rgba(136, 36, 36, 1) 40%,
      rgba(181, 171, 171, 1) 70%,
      rgba(136, 36, 36, 1) 90%,
      rgba(116, 13, 13, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}

.shiny-text-white {
  color: transparent;
  background: linear-gradient(120deg,
      rgba(150, 150, 150, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(255, 255, 255, 1) 60%,
      rgba(150, 150, 150, 1) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: shine 3s linear infinite;
}