.glare-hover{--gh-width:100%;--gh-height:100%;--gh-bg:#ffffff;--gh-br:0.5rem;--gh-angle:-45deg;--gh-duration:650ms;--gh-size:250%;--gh-rgba:rgba(255,255,255,0.3);--gh-border:#e5e7eb;width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:block}.glare-hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(var(--gh-angle),rgba(0,0,0,0) 0,var(--gh-rgba) 40%,rgba(0,0,0,0) 60%);background-size:var(--gh-size) var(--gh-size);background-repeat:no-repeat;background-position:-100% -100%;transition:background-position var(--gh-duration) ease;pointer-events:none;z-index:1}.glare-hover:hover:before{background-position:100% 100%}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:background-position var(--gh-duration) ease}