/* Font-independent directional marks: no Unicode, emoji or platform glyphs. */
.ui-arrow {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  vertical-align: -3px;
  color: inherit;
}
.ui-arrow::before {
  content: "";
  position: absolute;
  width: 13px;
  left: 1px;
  top: 7px;
  border-top: 1.5px solid currentColor;
}
.ui-arrow::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  right: 2px;
  top: 3.5px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);
}
.ui-arrow--ne { rotate: -45deg; }
.ui-arrow--back { rotate: 180deg; }
.ui-arrow--down { rotate: 90deg; }
.hero-secondary .ui-arrow,
.nav-cta .ui-arrow,
.footer-links .ui-arrow { margin-left: 6px; }
.page-back .ui-arrow { margin-right: 5px; }