<div class="radikalwp-cb-plans"><label class="radikalwp-cb-plan"><input type="radio" name="radikalwp-plan"><span class="radikalwp-cb-plan-card"><strong>ماهانه<//strong><span>۹۹ هزار<//span><//span><//label><label class="radikalwp-cb-plan"><input type="radio" name="radikalwp-plan" checked><span class="radikalwp-cb-plan-card"><strong>سالانه<//strong><span>۹۹۰ هزار<//span><i>۱۷٪ ارزان‌تر<//i><//span><//label><//div>

.radikalwp-cb-plans { display: inline-flex; gap: 10px; font-family: inherit; }
.radikalwp-cb-plan input { display: none; }
.radikalwp-cb-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 108px;
  padding: 14px 10px;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all .25s ease;
}
.radikalwp-cb-plan-card strong { font-size: 13.5px; color: #1e293b; }
.radikalwp-cb-plan-card > span { font-size: 12px; color: #64748b; }
.radikalwp-cb-plan-card i {
  position: absolute;
  top: -9px;
  left: 8px;
  font-style: normal;
  font-size: 9.5px;
  font-weight: 700;
  color: #fff;
  background: #f59e0b;
  padding: 2px 8px;
  border-radius: 999px;
}
.radikalwp-cb-plan input:checked + .radikalwp-cb-plan-card {
  border-color: #4f46e5;
  background: #eef2ff;
  box-shadow: 0 6px 16px rgba(79, 70, 229, .18);
}
.radikalwp-cb-plan input:checked + .radikalwp-cb-plan-card strong { color: #4f46e5; }