<label class="switch">
  <input type="checkbox" />
  <span class="slider"></span>
</label>

<style>
/* From Uiverse.io by Subaashbala  - Tags: switch */
/* The switch - the box around the slider */
.switch {
  --INITIAL-SWITCH-TRACK-COLOR: #ffdd95;
  --INITIAL-THUMB-COLOR: #ff9843;
  --OVERALL-TRANSITION-DURATION: 500ms; /* Overall transition speed */
  font-size: 17px;
  position: relative;
  display: inline-block;
  width: 3.75em;
  height: 2em;
}

/* Hide default HTML checkbox */
.switch input {
  opacit