.arrow {
  position: relative;
  width: 14px;
  height: 11px;
  background: url('../assets/arrow.svg');
  background-position: center;
}
/* .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.5rem;
  height: 0.04rem;
  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);
}