<label class="radikalwp-sw-daynight"><input type="checkbox" /><span><i class="radikalwp-sw-sun">☀<//i><i class="radikalwp-sw-moon">☾<//i><//span><//label>

.radikalwp-sw-daynight input { display: none; }
.radikalwp-sw-daynight span {
  display: flex;
  align-items: center;
  width: 62px;
  height: 32px;
  padding: 3px;
  background: #fbbf24;
  border-radius: 999px;
  cursor: pointer;
  transition: background .35s ease;
  box-sizing: border-box;
}
.radikalwp-sw-daynight i {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-style: normal;
  transition: transform .35s cubic-bezier(.4, 1.6, .6, 1);
}
.radikalwp-sw-moon { margin-right: auto; display: none; }
.radikalwp-sw-sun { margin-right: 0; }
.radikalwp-sw-daynight input:checked + span { background: #1e293b; }
.radikalwp-sw-daynight input:checked + span .radikalwp-sw-moon { display: flex; }
.radikalwp-sw-daynight input:checked + span .radikalwp-sw-sun { display: none; }