<input type="checkbox" id="toggle_checkbox">
<label for="toggle_checkbox">
  <div class="star">
 ðŸ”…
  </div>
  <div class="moon">ðŸŒ™</div>
</label>

<style>
/* From Uiverse.io by JaydipPrajapati1910 - Tags: switch, moon, sun, toggle switch */
#toggle_checkbox {
  display: none;
}

label {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 116px;
  height: 56px;
  margin: 0 auto;
  background-color: rgb(7, 189, 128);
  border: 4px solid rgb(75, 114, 94);
  borde