.swiCab {
  display: flex;
  width:8.6vw;
  gap: 0;
  font-size: 2.1vw;
  justify-content: center;
  align-items: center;
}

.swiCab label {
  position: relative;
  width:8.6vw;
  height: 2.35vw;
  display: block;
  border-radius: 1.3vw;
  cursor: pointer;
  background: #ccc;
  box-shadow: inset 0 0.2vw 0.3vw rgba(0, 0, 0, 0.7), inset 0 -0.1vw 0.2vw rgba(255, 255, 255, 0.5);
  transition: background 0.4s ease-out;
  will-change: background, transform;
}

.swiCab label:after {
  content: "";
  position: absolute;
  height: 2.1vw;
  width: 2.1vw;
  background: #fff;
  border-radius: 1.4vw;
  top: 0.14vw;
  left: 0.14vw;
  transition: transform 0.4s ease-out;
  box-shadow: 0 0.1vw 0.2vw rgba(0, 0, 0, 0.2);
}

.swiCab input:checked + label {
  background: rgba(0, 0, 0, 0.3);
}

.swiCab input:checked + label:after {
  transform: translateX(3vw);
}

.swiCab input {
  display: none;
}