.toggle-switch {
  position: relative;
  width: 60px;
  height: 31px;
  background-color: var(--newgray-400);
  border-radius: 100px;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.toggle-switch .oval {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 2px;
  left: 2px;
  background-color: white;
  border-radius: 50%;
  transition: left 0.3s ease-in-out;
}

.toggle-switch.on {
  background-color: var(--newprimary-300);
}

.toggle-switch.on .oval {
  left: 31px;
}