.card-spotlight{position:relative;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}.glare-button{position:relative;overflow:hidden}.glare-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 20%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.1) 80%,transparent);animation:glare 4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes glare{0%{left:0}25%{left:100%}50%{left:0}75%{left:100%}to{left:0}}