.check {
  display: none;
}

.toggle {
  display: inline-block;
  height: 20px;
  width: 35px;
  background-color: #e84118;
  border-radius: 10px;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .3); 
  position: relative;
  transition-duration: .3s;
  cursor: pointer;
}

.toggle::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  margin-left: 1px;
  top: 1px;
  background-color: white;
  box-shadow: inset -3px 0 4px 0 rgba(0, 0, 0, .1);
  transition-duration: .2s;
}

.check:checked + .toggle {
  background-color: #4cd137;
}

.check:checked + .toggle::before {
  margin-left: 16px;
}