<label class="radikalwp-tg-soft"><input type="checkbox" checked><span class="radikalwp-tg-soft-track"><span class="radikalwp-tg-soft-knob"><//span><//span><//label>

.radikalwp-tg-soft { display: inline-flex; cursor: pointer; }
.radikalwp-tg-soft input { display: none; }
.radikalwp-tg-soft-track {
  display: block;
  width: 54px;
  height: 30px;
  padding: 3px;
  background: #cbd5e1;
  border-radius: 999px;
  transition: background .3s ease;
}
.radikalwp-tg-soft-knob {
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .25);
  transition: transform .3s ease;
}
.radikalwp-tg-soft input:checked + .radikalwp-tg-soft-track { background: #3b82f6; }
.radikalwp-tg-soft input:checked + .radikalwp-tg-soft-track .radikalwp-tg-soft-knob { transform: translateX(-24px); }