.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 25%,transparent 50%);opacity:0;transition:opacity .3s;z-index:0}.card:hover:before{opacity:1}.card{--mouse-x:50%;--mouse-y:50%}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent,rgba(var(--primary-rgb),.05),transparent);z-index:-1;opacity:0;transition:opacity .3s}.card:hover:after{opacity:1}