<div class="radikalwp-hv-ring"><div class="radikalwp-hv-ring-img" style="background:linear-gradient(135deg,#ec4899,#8b5cf6)"><//div><i><//i><//div>

.radikalwp-hv-ring { position: relative; width: 210px; height: 140px; border-radius: 18px; cursor: pointer; }
.radikalwp-hv-ring-img { width: 100%; height: 100%; border-radius: 18px; transition: transform .3s ease; }
.radikalwp-hv-ring i {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 3px solid #ec4899;
  opacity: 0;
  transform: scale(.9);
  transition: all .45s ease;
  pointer-events: none;
}
.radikalwp-hv-ring:hover i { opacity: 1; transform: scale(1.06); }
.radikalwp-hv-ring:hover .radikalwp-hv-ring-img { transform: scale(.95); }