<label class="radikalwp-switch">
  <input type="checkbox">
  <span class="radikalwp-switch__track"><span class="radikalwp-switch__thumb"><//span><//span>
<//label>

.radikalwp-switch { display: inline-block; cursor: pointer; }
.radikalwp-switch input { display: none; }
.radikalwp-switch__track {
  display: block;
  width: 56px;
  height: 30px;
  background: #cbd5e1;
  border-radius: 99px;
  transition: background .3s ease;
}
.radikalwp-switch__thumb {
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .25);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.radikalwp-switch input:checked + .radikalwp-switch__track { background: #10b981; }
.radikalwp-switch input:checked + .radikalwp-switch__track .radikalwp-switch__thumb { transform: translateX(-26px); }