.article--item{aspect-ratio:280/220;background-color:#fff;width:100%;overflow:hidden}.blog--item{aspect-ratio:384/270;background-color:#fff;width:100%;overflow:hidden}.card{background-color:#0f0c23}.card:before,.card:after{border-radius:inherit;content:"";opacity:0;width:98%;height:98%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card:before{background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), #fff3, transparent 50%)}.card:after{content:"";border-radius:inherit;opacity:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 100px at var(--mouse-x) var(--mouse-y), #fff, transparent 250px);mask-image:radial-gradient(circle 100px at var(--mouse-x) var(--mouse-y), #fff, transparent 250px);-webkit-mask-image:radial-gradient(circle 100px at var(--mouse-x) var(--mouse-y), #fff, transparent 180px);z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 280 280\"><circle cx=\"140\" cy=\"140\" r=\"138\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-dasharray=\"8\" stroke-linecap=\"round\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .1s;position:absolute}.card:before,.card:after{pointer-events:none;opacity:var(--glow-opacity,0)}