*,:after,:before{box-sizing:border-box;position:relative}.feature{--x-px:calc(var(--x) * 1px);--y-px:calc(var(--y) * 1px);--border:1px;height:40px;width:40px;background:rgba(26,42,66,.5)}.feature:after,.feature:before{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;inset:2px;border-radius:inherit;background:radial-gradient(250px circle at var(--x-px) var(--y-px),rgba(21,115,254,.9),transparent 20%)}.feature:before{z-index:1}.feature:after{opacity:0;z-index:2;transition:opacity .4s ease}.feature:hover:after{opacity:.1}.feature-content{background:#1b2028;z-index:1;position:absolute;inset:var(--border)}