/* Keep the existing styles for the toggle button */
.toggle-btn {
	width: 71px;
	height: 30px;
	background-color: gray;
	border-radius: 30px;
	padding: 5px;
	transition: all .3s ease-in-out;
}

/* Styles for the inner circle */
.toggle-btn > .inner-circle {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 300ms ease-in-out;
}

/* Styles for when the toggle button is active */
.toggle-btn.active {
  background-color: #00acee;
}

.toggle-btn.active > .inner-circle {
  margin-left: 40px;
}