.card{border:none;border-radius:8px;position:relative;overflow:hidden;transition:all .4s ease-in-out}.card:after{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135.84deg,rgba(255,255,255,.5),rgba(255,255,255,.1) 48.72%,rgba(255,255,255,.5) 101.51%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.card.no-after:after{border-radius:0!important}.card-dark{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.1))}.card-dark:hover:after{background:linear-gradient(135.84deg,#ffd900,rgba(255,217,0,.2) 48.72%,#ffd900 101.51%)}.card-dark:hover{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,213,0,.1));box-shadow:4px 4px 28.7px 0 #ffd9004d}.card-light{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.05))}.card-light:after{background:linear-gradient(135.84deg,rgba(0,0,0,.25),rgba(0,0,0,.1) 48.72%,rgba(0,0,0,.25) 101.51%)}.card-light:hover{background:linear-gradient(180deg,rgba(255,217,0,0),rgba(255,217,0,.2));box-shadow:1px 1px 5.6px 0 #ffd4004d}.card-light:hover:after{background:linear-gradient(135.84deg,#ffd900,rgba(255,217,0,.2) 48.72%,#ffd900 101.51%)}