.slideToggle {
  margin: 20px;
}

.slideToggleButton {
  border-radius: 5px;
  margin: 0px;
  box-shadow: none;
  color: var(--navy);
  background-color: transparent;
  border: 1px solid var(--navy);
}

.checked {
  color: var(--white);
  background-color: var(--navy);
}

.slideToggleButton:first-child {
  border-radius: 10px 0px 0px 10px;
}

.slideToggleButton:last-of-type {
  border-radius: 0px 10px 10px 0px;
}