<div class="radikalwp-hv-icon"><div class="radikalwp-hv-icon-img" style="background:linear-gradient(135deg,#475569,#1e293b)"><//div><span>⤢<//span><//div>

.radikalwp-hv-icon { position: relative; width: 210px; height: 140px; border-radius: 16px; overflow: hidden; cursor: pointer; }
.radikalwp-hv-icon-img { width: 100%; height: 100%; transition: filter .35s ease; }
.radikalwp-hv-icon span {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, calc(-50% + 18px));
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, .95);
  color: #0f172a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  opacity: 0;
  transition: all .38s cubic-bezier(.3, 1.4, .6, 1);
}
.radikalwp-hv-icon:hover span { opacity: 1; transform: translate(50%, -50%); }
.radikalwp-hv-icon:hover .radikalwp-hv-icon-img { filter: brightness(.55); }