<label class="radikalwp-tg-label"><input type="checkbox" checked><span class="radikalwp-tg-label-track"><span class="radikalwp-tg-label-knob"><//span><//span><span class="radikalwp-tg-label-text">اطلاع‌رسانی ایمیلی<//span><//label>

.radikalwp-tg-label { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; font-family: inherit; }
.radikalwp-tg-label input { display: none; }
.radikalwp-tg-label-track {
  display: block;
  width: 50px;
  height: 28px;
  padding: 3px;
  background: #cbd5e1;
  border-radius: 999px;
  transition: background .3s ease;
  flex-shrink: 0;
}
.radikalwp-tg-label-knob {
  display: block;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(15, 23, 42, .25);
  transition: transform .3s ease;
}
.radikalwp-tg-label input:checked + .radikalwp-tg-label-track { background: #8b5cf6; }
.radikalwp-tg-label input:checked + .radikalwp-tg-label-track .radikalwp-tg-label-knob { transform: translateX(-22px); }
.radikalwp-tg-label-text { font-size: 14px; font-weight: 600; color: #94a3b8; transition: color .3s ease; }
.radikalwp-tg-label input:checked ~ .radikalwp-tg-label-text { color: #7c3aed; }