<label class="radikalwp-tg-square"><input type="checkbox"><span class="radikalwp-tg-square-track"><span class="radikalwp-tg-square-knob"><i>&#10003;<//i><//span><//span><//label>

.radikalwp-tg-square { display: inline-flex; cursor: pointer; }
.radikalwp-tg-square input { display: none; }
.radikalwp-tg-square-track {
  display: block;
  width: 56px;
  height: 30px;
  padding: 3px;
  background: #e2e8f0;
  border-radius: 8px;
  transition: background .3s ease;
}
.radikalwp-tg-square-knob {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(15, 23, 42, .2);
  transition: transform .3s ease, background .3s ease;
}
.radikalwp-tg-square-knob i {
  font-style: normal;
  font-size: 13px;
  color: #fff;
  opacity: 0;
  transition: opacity .25s ease;
}
.radikalwp-tg-square input:checked + .radikalwp-tg-square-track { background: #10b981; }
.radikalwp-tg-square input:checked + .radikalwp-tg-square-track .radikalwp-tg-square-knob {
  background: #059669;
  transform: translateX(-26px);
}
.radikalwp-tg-square input:checked + .radikalwp-tg-square-track .radikalwp-tg-square-knob i { opacity: 1; }