@property --text-gradient-opacity{syntax:"<number>";inherits:false;initial-value:0}.headline-gradient{--text-gradient-color:var(--color-green);--text-gradient-position:67.26%;--text-gradient-base-color:#fff;--text-gradient-duration:.3s;--text-gradient-opacity:0;background:linear-gradient(90deg, var(--text-gradient-base-color) 0%, color-mix(in srgb, var(--text-gradient-base-color) calc((1 - var(--text-gradient-opacity)) * 100%), var(--text-gradient-color) calc(var(--text-gradient-opacity) * 100%)) var(--text-gradient-position));-webkit-text-fill-color:transparent;transition:--text-gradient-opacity var(--text-gradient-duration) ease;-webkit-background-clip:text;background-clip:text}.headline-gradient:hover{--text-gradient-opacity:1}