.animated-gradients {
  font-weight: 800;
  font-size: 4.5rem;
  background: linear-gradient(
    90deg,
    oklch(0.57 0.23507 260.1068),
    oklch(62.3% 0.214 259.815),
    #f6339a,
    oklch(63.7% 0.237 25.331),
    oklch(62.7% 0.265 303.9),
    #fe6a06
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
}

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

@media screen and (max-width: 700px) {
  .animated-gradients {
    font-weight: 700;
    font-size: 3rem;
  }
}

.animated-button {
  padding: 14px 20px;
  border-radius: 8px;
  background-color: var(--color-link-blue); /* eller mørk bakgrunn */
  border: none;
}

.animated-text {
  font-weight: 500;
  font-size: 1.6rem;
  background: linear-gradient(
    90deg,
    oklch(0.57 0.23507 260.1068),
    oklch(62.3% 0.214 259.815),
    white,
    #f6339a,
    oklch(63.7% 0.237 25.331),
    oklch(62.7% 0.265 303.9),
    white,
    #fe6a06
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  display: inline-block;
}

.animated-read-more-button {
  padding: 6px 0px;
  border-radius: 8px;
  margin-top: 15px;
  display: flex;
  justify-self: left;
  place-self: start;
  border: none;
}

.animated-read-more-text {
  font-weight: 500;
  font-size: 1.6rem;
  background: linear-gradient(
    90deg,
    oklch(0.57 0.23507 260.1068),
    oklch(62.3% 0.214 259.815),
    #f6339a,
    oklch(63.7% 0.237 25.331),
    oklch(62.7% 0.265 303.9),
    #fe6a06
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  display: inline-block;
}

.animated-color-label-span {
  background: linear-gradient(
    90deg,
    oklch(0.57 0.23507 260.1068),
    oklch(62.3% 0.214 259.815),
    white,
    black
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  display: inline-block;
}

.animated-color-heading {
  background: linear-gradient(
    90deg,
    oklch(0.57 0.23507 260.1068),
    oklch(62.3% 0.214 259.815),
    white,
    black
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  display: inline-block;
}

.pulse {
  animation: pulseEffect 1.5s ease-in-out infinite;
}

@keyframes pulseEffect {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(254, 106, 6, 0.6);
  }
  70% {
    transform: scale(1.08);
    box-shadow: 0 0 0 10px rgba(246, 51, 154, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(246, 51, 154, 0);
  }
}

.text-pulse {
  animation: textPulse 1.5s ease-in-out infinite;
}

@keyframes textPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.03);
    opacity: 1;
  }
}