How To Make a Hover Card Like a PRO in Elementor

				
					selector .card-content{
    height: 56%;
    margin-bottom: -134px;
    transition: all 0.5s ease;
}

selector .card-wrapper:hover .card-content{
    margin-bottom: 0px;
    height: 100%;
}

selector .card-content .e-con-inner{
    transition: all 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

selector .card-wrapper:not(:hover) .card-content .e-con-inner {
    animation: fadeIn 1.5s ease forwards;
}


selector .card-wrapper:hover .card-content .e-con-inner {
    justify-content: end; 
}

@media(max-width:1024px){
   selector .card-content{
    height: 54%;
}
 
}