.card{position:relative;overflow:hidden;background:linear-gradient(160.25deg,#222 16.17%,#171717 91.33%,transparent 116.72%);box-shadow:0 0 4px rgba(0,0,0,.2);border-radius:20px;-webkit-mask-image:radial-gradient(circle 80px at 100% 20px,transparent 0,transparent 60px,#000 61px);mask-image:radial-gradient(circle 60px at 92.3% 25.3px,transparent 0,transparent 47px,#000 48px);-webkit-mask-composite:destination-in;mask-composite:intersect}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(160.25deg,rgba(31,78,188,.8),rgba(23,57,138,.5));opacity:0;transition:opacity .5s ease-in-out;z-index:0;pointer-events:none;border-radius:inherit}.card:hover:before{opacity:1}.card>*{position:relative;z-index:1}