/* Main Card */ selector { position: relative; overflow: hidden; cursor: pointer; /* Normal state = slight zoom-out look */ background-size: 102% 102% !important; background-position: center center !important; transition: background-size .45s cubic-bezier(.25,.46,.45,.94); } /* Hover = smart smooth zoom-in */ selector:hover, selector:active { background-size: 115% 115% !important; } /* Play Icon hidden initially */ selector .elementor-icon-wrapper { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; opacity: 0; transform: scale(0.8); transition: opacity .35s ease, transform .4s ease; } /* Icon fade-in + slight pop */ selector:hover .elementor-icon-wrapper, selector:active .elementor-icon-wrapper { opacity: 1; transform: scale(1); }