<div class="radikalwp-gray-hover"><div class="radikalwp-gray-hover-img"><//div><span class="radikalwp-gray-hover-tag">نمونه‌کار ۱<//span><//div>

.radikalwp-gray-hover {
  position: relative;
  width: 280px;
  height: 180px;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
}
.radikalwp-gray-hover-img {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #f59e0b, #ef4444 50%, #ec4899);
  filter: grayscale(1) contrast(.9);
  transition: filter .45s ease, transform .45s ease;
}
.radikalwp-gray-hover-tag {
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 5px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: rgba(15, 23, 42, .65);
  border-radius: 999px;
  backdrop-filter: blur(4px);
}
.radikalwp-gray-hover:hover .radikalwp-gray-hover-img {
  filter: grayscale(0) contrast(1);
  transform: scale(1.06);
}