.site-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  vertical-align: middle;
  overflow: visible;
}
.site-arrow--up { transform: rotate(-45deg); }
.arrow-glyph {
  transition: transform 350ms cubic-bezier(.22, 1, .36, 1);
}
a:focus-visible .arrow-glyph,
button:focus-visible .arrow-glyph { transform: translate(2px, -2px); }
@media (hover: hover) {
  a:hover .arrow-glyph,
  button:enabled:hover .arrow-glyph { transform: translate(2px, -2px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-glyph { transition: none; transform: none !important; }
}