ActSwitch.css

.ActSwitch {
  display: inline-flex;
  position: absolute;
  padding: 3px;
  border-radius: 50px;
  background: #9baad96b;
  top: -60px;
}
.c-switch__highlight {
  width: 50%;
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 3px;
  background: #9baad9;
  border-radius: 50px;
  transition: 0.3s;
}
.ActSwitch button {
  position: relative;
  padding: 0.875em 1.75em;
  font-weight: bold;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
  background: none;
  border-radius: 50px;
  border: 0;
  outline: none;
  transition: 0.3s;
  cursor: pointer;
}
.ActSwitch button:hover, .ActSwitch button:focus, .ActSwitch button.is-active {
  color: white;
}