<div class="radikalwp-card-pricing">
  <span class="radikalwp-card-pricing__badge">پیشنهاد ویژه<//span>
  <h3 class="radikalwp-card-pricing__plan">اشتراک سالانه<//h3>
  <div class="radikalwp-card-pricing__price">۱,۴۹۰,۰۰۰ <small>تومان<//small><//div>
  <ul class="radikalwp-card-pricing__list">
    <li>✓ دسترسی به همه قالب‌ها<//li>
    <li>✓ دانلود نامحدود<//li>
    <li>✓ پشتیبانی اختصاصی<//li>
  <//ul>
  <button class="radikalwp-card-pricing__btn">انتخاب پلن<//button>
<//div>

.radikalwp-card-pricing {
  position: relative;
  max-width: 290px;
  padding: 34px 26px 28px;
  font-family: inherit;
  background: #0f172a;
  border-radius: 20px;
  color: #e2e8f0;
  box-shadow: 0 12px 36px rgba(15, 23, 42, .35);
  text-align: center;
}
.radikalwp-card-pricing__badge {
  position: absolute; top: -13px; right: 24px;
  padding: 5px 16px;
  font-size: 12px; color: #0f172a;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border-radius: 999px;
  font-weight: bold;
}
.radikalwp-card-pricing__plan { margin: 0 0 10px; font-size: 16px; color: #94a3b8; }
.radikalwp-card-pricing__price { font-size: 30px; font-weight: bold; color: #34d399; margin-bottom: 18px; }
.radikalwp-card-pricing__price small { font-size: 13px; font-weight: normal; color: #94a3b8; }
.radikalwp-card-pricing__list { list-style: none; padding: 0; margin: 0 0 24px; text-align: right; }
.radikalwp-card-pricing__list li { padding: 7px 0; font-size: 14px; color: #cbd5e1; }
.radikalwp-card-pricing__btn {
  width: 100%; padding: 13px;
  font-size: 15px; font-family: inherit; font-weight: bold;
  color: #0f172a; background: #34d399;
  border: none; border-radius: 12px; cursor: pointer;
  transition: filter .2s ease;
}
.radikalwp-card-pricing__btn:hover { filter: brightness(1.1); }