<div class="radikalwp-card-sale"><span class="radikalwp-card-sale-off">۴۰٪<//span><div><h4>جشنواره پاییزه<//h4><p>روی همه قالب‌های پریمیوم<//p><span class="radikalwp-card-sale-code">کد: FALL40<//span><//div><//div>

.radikalwp-card-sale {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 300px;
  padding: 20px;
  font-family: inherit;
  background: linear-gradient(135deg, #1c1917, #292524);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.radikalwp-card-sale::after {
  content: '';
  position: absolute;
  top: -40%;
  left: -20%;
  width: 60%;
  height: 180%;
  background: radial-gradient(circle, rgba(251, 191, 36, .18), transparent 70%);
}
.radikalwp-card-sale-off {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  font-size: 20px;
  font-weight: 800;
  color: #1c1917;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border-radius: 50%;
  flex-shrink: 0;
}
.radikalwp-card-sale h4 { margin: 0 0 3px; font-size: 16px; color: #fff; }
.radikalwp-card-sale p { margin: 0 0 8px; font-size: 12px; color: #a8a29e; }
.radikalwp-card-sale-code {
  display: inline-block;
  padding: 4px 12px;
  font-size: 11.5px;
  font-weight: 700;
  color: #fbbf24;
  border: 1px dashed #fbbf24;
  border-radius: 8px;
}