#cards:hover>.card:after{opacity:1}.card{background-color:transparent;display:flex;flex-direction:column;position:relative}.card:hover:before{opacity:1}.card:after,.card:before{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}:root.dark .card:after{background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.2),transparent 50%);z-index:1}:root:not(.dark) .card:after{background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),rgba(0,0,0,.15),transparent 50%);z-index:1}