<div class="radikalwp-tabs"><input type="radio" name="rwp-tab" id="rwp-t1" class="radikalwp-tabs-input" checked><label for="rwp-t1" class="radikalwp-tabs-label">همه<//label><input type="radio" name="rwp-tab" id="rwp-t2" class="radikalwp-tabs-input"><label for="rwp-t2" class="radikalwp-tabs-label">محبوب<//label><input type="radio" name="rwp-tab" id="rwp-t3" class="radikalwp-tabs-input"><label for="rwp-t3" class="radikalwp-tabs-label">جدید<//label><//div>

.radikalwp-tabs { display: inline-flex; gap: 4px; background: #f1f5f9; padding: 5px; border-radius: 12px; }
.radikalwp-tabs-input { display: none; }
.radikalwp-tabs-label {
  padding: 9px 22px; font-size: 13px; font-weight: 700; color: #64748b; border-radius: 9px; cursor: pointer;
  transition: background .2s, color .2s, box-shadow .2s;
}
.radikalwp-tabs-input:checked + .radikalwp-tabs-label { background: #fff; color: #4f46e5; box-shadow: 0 2px 8px rgba(15,23,42,.08); }