@charset "UTF-8";

i.icon.arrow:not(.circle, .square) {
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
  box-sizing: border-box;
  transform: rotate(var(--rotate));
}

i.icon.arrow.short:not(.circle, .square) {
  width: 10px;
}

i.icon.arrow:not(.circle, .square)::after,
i.icon.arrow:not(.circle, .square)::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 3px;
}

i.icon.arrow:not(.circle, .square)::after {
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  bottom: 7px;
}

i.icon.arrow.small:not(.circle, .square)::after {
  width: 7px;
  height: 7px;
}

i.icon.arrow:not(.circle, .square, .short)::before {
  width: 16px;
  height: 2px;
  bottom: 10px;
  background-color: currentColor;
}
