input:checked ~ .dot {
  transform: translateX(100%);
}

input:not(:checked) ~ .dot {
  transform: translateX(0);
  background-color: rgb(156, 163, 175);
}