/* .arrow {
  transform: rotate(180deg);
  position: relative;
  background: white;
  width: 1rem;
  height: 0.1rem;
  transition: 0.5s;
  border-radius: 1rem;
  transform-origin: right center;
  transform: rotate(180deg);
}
.arrow:before {
  transform: rotate(-35deg);
}
.arrow:after {
  transform: rotate(35deg);
}
.arrow:before,
.arrow:after {
  display: block;
  content: "";
  position: relative;
  left: 0;
  background: white;
  width: 0.8rem;
  height: 0.08rem;
  transform-origin: 0.07rem center;
  transition: 0.5s;
  border-radius: 1rem;
}
.switch.right .arrow:before,
.switch.right .arrow:after {
  left: 2rem;
}
.switch.right .arrow:before {
  transform: rotate(140deg);
}
.switch.right .arrow:after {
  transform: rotate(-140deg);
}
.flip {
  transform: translateZ(1rem) perspective(600);
}
.flip.right {
  transform: translateZ(1rem) perspective(600) rotateY(180deg);
} */