.card {
    position: relative;
    /*padding: 30px;*/
    border-radius: 20px;
    /* background: ;rgba(255,255,255,0.6) */
    backdrop-filter: blur(12px);
    /*border: 1px solid whitesmoke;*/ /* rgba(255,255,255,0.3) */
    transition: all 0.35s ease;
    overflow: hidden;
    
}


.card:hover {
 
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 25px 60px rgba(37, 99, 235, 0.2) !important;
}
   

.card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 1px;
        /*   background: linear-gradient(135deg, #2563eb, #60a5fa);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; */
    }