<div class="radikalwp-hv-slice"><div class="radikalwp-hv-slice-img" style="background:linear-gradient(135deg,#334155,#0f172a)"><//div><div class="radikalwp-hv-slice-ov"><b>معماری مدرن<//b><span>۱۲ پروژه<//span><//div><//div>

.radikalwp-hv-slice { position: relative; width: 240px; height: 155px; border-radius: 16px; overflow: hidden; cursor: pointer; }
.radikalwp-hv-slice-img { width: 100%; height: 100%; }
.radikalwp-hv-slice-ov {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(99, 102, 241, .96), rgba(139, 92, 246, .96));
  clip-path: polygon(0 100%, 0 100%, 0 100%);
  transition: clip-path .5s ease;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 16px;
}
.radikalwp-hv-slice-ov b { font-size: 15px; }
.radikalwp-hv-slice-ov span { font-size: 11.5px; opacity: .85; }
.radikalwp-hv-slice:hover .radikalwp-hv-slice-ov { clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 0 100%); }