.curv-br:before{bottom:0;left:100%;box-shadow:-8px 5px 0 0 black}.curv-br:before,.curv-tl:after{content:"";position:absolute;height:30px;width:30px;border-radius:0 0 0 20px}.curv-tl:after{bottom:100%;left:0;box-shadow:-8.5px 5px 0 0 black}.card{border-radius:20px!important}.gradient-card{background:#141414;position:relative;border-radius:24px;padding:2.5rem;cursor:pointer;gap:2rem;transition:background-color .2s;border:none;background-clip:padding-box;max-height:350px}@media (max-width:768px){.gradient-card{padding:32x 24px}}.gradient-card:before{top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-2;margin:-1px;border-radius:inherit;background:conic-gradient(from 0deg,#f8e47fcc 0deg,#fc7c7cc9 90deg,#ffa230cc 180deg,#f8e47fc9 270deg,#439bffce 1turn)}.gradient-card:after,.gradient-card:before{content:"";position:absolute;opacity:0;transition:opacity .3s}.gradient-card:after{inset:0;z-index:-1;filter:blur(30px);background:conic-gradient(from 0deg,#f8e47fcc 0deg,#fc7c7cc9 90deg,#ffa230cc 180deg,#f8e47fc9 270deg,#439bffce 350deg,#6faef7ce 1turn)}.gradient-card:hover:before{opacity:.3}.gradient-card:hover{background:black}.gradient-card:hover:after{opacity:1}.gradient-card:hover{box-shadow:0 0 15px rgba(255,73,73,.9)}