<div class="radikalwp-card-plan"><span class="radikalwp-card-plan-badge">۲۰٪ تخفیف<//span><h4>پلن حرفه‌ای<//h4><div class="radikalwp-card-plan-price">۲۹۹<span>هزار تومان / ماه<//span><//div><ul><li>قالب‌های پریمیوم<//li><li>پشتیبانی اختصاصی<//li><li>به‌روزرسانی دائمی<//li><//ul><button>همین حالا بخر<//button><//div>

.radikalwp-card-plan {
  position: relative;
  width: 250px;
  padding: 22px;
  font-family: inherit;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
  text-align: right;
}
.radikalwp-card-plan-badge {
  position: absolute;
  top: -11px;
  right: 18px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #ef4444;
  border-radius: 999px;
}
.radikalwp-card-plan h4 { margin: 0 0 10px; font-size: 16px; color: #1e293b; }
.radikalwp-card-plan-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 30px;
  font-weight: 800;
  color: #4f46e5;
}
.radikalwp-card-plan-price span { font-size: 11px; font-weight: 500; color: #94a3b8; }
.radikalwp-card-plan ul { margin: 0 0 16px; padding: 0; list-style: none; font-size: 12.5px; color: #475569; }
.radikalwp-card-plan ul li { padding: 5px 0; }
.radikalwp-card-plan ul li::before { content: '\2713\0020'; color: #10b981; font-weight: 700; }
.radikalwp-card-plan button {
  width: 100%;
  padding: 11px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #4f46e5;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background .3s ease;
}
.radikalwp-card-plan button:hover { background: #4338ca; }