.hover-card {position:relative; display:block; overflow:hidden; border-radius:inherit; text-decoration:none;}
.hover-card-bg {position:absolute; inset:0; background-size:cover; background-position:center; z-index:0;}
.hover-card-overlay {position:absolute; inset:0; z-index:1; transition:opacity 0.4s ease;}
.hover-card:hover .hover-card-overlay {opacity:0;}

.hover-card-icon {position:absolute; top:24px; left:24px; z-index:2; transition:color 0.3s ease;}
.hover-card-icon svg {stroke:currentColor; fill:none; width:24px; height:24px;}

.hover-card-content {position:absolute; bottom:24px; left:24px; right:24px; z-index:2; transition:color 0.3s ease;}

/* Responsive */
@media (max-width:768px){.hover-card-icon{top:16px; left:16px;}.hover-card-content{bottom:16px; left:16px; right:16px;}}

/* FORCE hover colours (overrides theme + WPBakery) */

.hover-card:hover .hover-card-content {
  color: attr(data-hover-color color) !important;
}

.hover-card:hover .hover-card-icon {
  color: attr(data-hover-color color) !important;
}

/* SVG outline follow icon colour */
.hover-card:hover .hover-card-icon svg {
  stroke: currentColor !important;
}