CSS Code
selector{
--b-color: #DD2E44;
--b-size: 15px;
--t-color: var(--b-color);
}
selector::after{
content: '';
transition: .7s cubic-bezier(.24,.74,.58,1);
position: absolute;
opacity: .29;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #DD2E44;
}
selector:hover::after{
border: var(--b-size) solid var(--b-color);
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
selector .title-name .elementor-heading-title{
transition: 0.7s cubic-bezier(.24,.74,.58,1)
}
selector:hover .title-name .elementor-heading-title{
color: var(--t-color);
}Template Link
Food Card Hover Effect using Elementor Pro – Readymade Elementor Templates | WP Care Plus