<label class="radikalwp-sw-lock"><input type="checkbox" checked /><span><em>🔓<//em><em>🔒<//em><//span><//label>

.radikalwp-sw-lock input { display: none; }
.radikalwp-sw-lock span {
  display: flex;
  align-items: center;
  width: 58px;
  height: 30px;
  padding: 3px;
  background: #fca5a5;
  border-radius: 999px;
  cursor: pointer;
  transition: background .3s ease;
  box-sizing: border-box;
}
.radikalwp-sw-lock em {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-style: normal;
  transition: transform .3s cubic-bezier(.4, 1.5, .6, 1);
}
.radikalwp-sw-lock em:last-child { display: none; }
.radikalwp-sw-lock input:checked + span { background: #6ee7b7; }
.radikalwp-sw-lock input:checked + span em { transform: translateX(-28px); }
.radikalwp-sw-lock input:checked + span em:first-child { display: none; }
.radikalwp-sw-lock input:checked + span em:last-child { display: flex; }