0px;
  height: 30px;
  font-size: 30px;
  transition: 0.3s ease bottom;
}

.moon:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -17px;
  background-color: none;
  width: 30px;
  height: 30px;
  font-size: 30px;
  transition: 0.2s ease background-color;
}

#toggle_checkbox:checked + label {
  background-color: rgb(75, 114, 94);
  border: 4px solid  rgb(7, 189, 128);
}

#toggle_checkbox:checked + label .star {
  top: 2px;
  left: 64px;
  transform: scale(0.6);
}

#toggle_checkbox:checked 