.rw-icon-arrow {
  --rw-arrow-turn: 0deg;
  position: relative;
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  margin-left: .28em;
  color: currentColor;
  vertical-align: -.16em;
  transform: rotate(var(--rw-arrow-turn));
  transform-origin: 50% 50%;
  transition: transform .24s cubic-bezier(.22,.61,.36,1);
}

.rw-icon-arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - .55px);
  left: .08em;
  width: .78em;
  height: 1.1px;
  border-radius: 99px;
  background: currentColor;
}

.rw-icon-arrow::after {
  content: "";
  position: absolute;
  top: .255em;
  right: .1em;
  width: .44em;
  height: .44em;
  border-top: 1.1px solid currentColor;
  border-right: 1.1px solid currentColor;
  border-radius: 1px;
  transform: rotate(45deg);
}

.rw-icon-arrow--external { --rw-arrow-turn: -45deg; }
.rw-icon-arrow--down { --rw-arrow-turn: 90deg; }
.rw-icon-arrow--left { --rw-arrow-turn: 180deg; margin-left: 0; margin-right: .28em; }
.rw-icon-arrow--right { --rw-arrow-turn: 0deg; }

.rw-arrow-control > .rw-icon-arrow,
.history-arrow > .rw-icon-arrow,
.team-arrow > .rw-icon-arrow,
.hero-news-arrow > .rw-icon-arrow {
  margin: 0;
  font-size: .72em;
  vertical-align: 0;
}

a.rw-has-arrow:hover .rw-icon-arrow--right,
button.rw-has-arrow:hover .rw-icon-arrow--right { transform: translateX(.16em) rotate(0deg); }

a.rw-has-arrow:hover .rw-icon-arrow--left,
button.rw-has-arrow:hover .rw-icon-arrow--left { transform: translateX(-.16em) rotate(180deg); }

a.rw-has-arrow:hover .rw-icon-arrow--external,
button.rw-has-arrow:hover .rw-icon-arrow--external { transform: translate(.1em,-.1em) rotate(-45deg); }

a.rw-has-arrow:hover .rw-icon-arrow--down,
button.rw-has-arrow:hover .rw-icon-arrow--down { transform: translateY(.13em) rotate(90deg); }

@media (prefers-reduced-motion: reduce) {
  .rw-icon-arrow { transition: none; }
}
