.cardWrapper{display:block;position:relative}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:scale(1.05);box-shadow:0 15px 30px #0000004d}.card .border{transition:border-color .3s}.card:hover .border{border-color:var(--color-primary)}.card .content{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(1rem)}.card:hover .content{opacity:1;transform:translateY(0)}.cardList-heading{background-color:var(--color-secondary);border-radius:1rem;padding:1rem}.card:after{content:"";z-index:0;background-color:#000c;width:100%;height:40%;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.card:hover:after{transform:translateY(0)}