.glare-hover{--gh-color:#fff;--gh-opacity:.3;--gh-angle:-30deg;--gh-size:300%;--gh-duration:.8s}:where(.glare-hover){position:relative}.glare-hover:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--gh-angle), transparent 60%, var(--gh-color) 70%, transparent 80%);opacity:var(--gh-opacity);background-size:var(--gh-size) var(--gh-size);z-index:1;background-position:-100% -100%;background-repeat:no-repeat;position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion=reduced]) .glare-hover:before{transition:background-position var(--gh-duration) ease}html:not([data-motion=reduced]) .glare-hover:hover:before{background-position:100% 100%}html:not([data-motion=reduced]) .glare-hover--play-once:not(:hover):before{transition:none}}html[data-motion=reduced] .glare-hover:before{display:none}@media (prefers-reduced-motion:reduce),(hover:none){.glare-hover:before{display:none}}