.ddla-gradient-heading {
  --ddla-gradient-start: #8f681c;
  --ddla-gradient-middle: #f4dfab;
  --ddla-gradient-end: #b78728;
  --ddla-gradient-angle: 90deg;
  width: 100%;
}

.ddla-gradient-heading__text {
  margin: 0;
  display: inline-block;
  max-width: 100%;
  color: var(--ddla-gradient-middle);
  background-image: linear-gradient(
    var(--ddla-gradient-angle),
    var(--ddla-gradient-start) 0%,
    var(--ddla-gradient-middle) 46%,
    var(--ddla-gradient-end) 100%
  );
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-wrap: balance;
}

.ddla-gradient-heading__text a {
  color: inherit;
  text-decoration: none;
}

.ddla-gradient-heading--glow-yes .ddla-gradient-heading__text {
  filter: drop-shadow(0 0 16px color-mix(in srgb, var(--ddla-gradient-middle) 13%, transparent));
}

@media (forced-colors: active) {
  .ddla-gradient-heading__text {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: currentColor;
  }
}