.shiny-text {
  background: linear-gradient(120deg, #87919c 40%, #ffffff 50%, #87919c 60%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  animation: shine 5s linear infinite;
  font-family: "Public Sans Light", sans-serif;
  font-weight: 500;
}

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

.shiny-text.disabled {
  animation: none;
  -webkit-text-fill-color: #87919c;
  color: #87919c;
}

/* Fallback for browsers that don't support background-clip: text */
@supports not (-webkit-background-clip: text) {
  .shiny-text {
    color: #87919c;
    background: none;
    animation: pulse 2s ease-in-out infinite;
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}