.card1,.card2,.card3,.cardia,.cardsecurity{position:relative;border-radius:8px}.card1::before,.card2::before,.card3::before,.cardia::before,.cardsecurity::before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(to top,rgba(255,255,255,.4),rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .6s ease}.card1:hover::after,.card2:hover::after,.card3:hover::after,.cardia:hover::after,.cardsecurity:hover::after{opacity:1}.card1::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;opacity:0;background:rgba(19,19,19,.75);transition:opacity .6s ease}.card1:hover::before{background:linear-gradient(to top,rgba(35,104,247,1),rgba(35,104,247,0))}.card2::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;opacity:0;background:rgba(19,19,19,.75);transition:opacity .6s ease}.card2:hover::before{background:linear-gradient(to top,rgba(1,218,241,1),rgba(1,218,241,0))}.card3::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;opacity:0;background:rgba(19,19,19,.75);transition:opacity .6s ease}.card3:hover::before{background:linear-gradient(to top,rgba(255,87,68,1),rgba(255,87,68,0))}.cardia::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;opacity:0;background:rgba(19,19,19,.75);transition:opacity .6s ease}.cardia:hover::before{background:linear-gradient(to top,rgba(8,200,221,1),rgba(8,200,221,0))}.cardsecurity::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;opacity:0;background:rgba(19,19,19,.75);transition:opacity .6s ease}.cardsecurity:hover::before{background:linear-gradient(to top,rgba(255,106,90,1),rgba(255,106,90,0))}