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