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