/* Decorative link arrows use CSS strokes so phones cannot render them as emoji. */
.link-arrow {
  position: relative;
  display: inline-block;
  width: .9em;
  height: .9em;
  margin-inline-start: .3em;
  padding: 0;
  flex: 0 0 .9em;
  vertical-align: -.08em;
}
.link-arrow::before,
.link-arrow::after {
  content: "";
  position: absolute;
}
.link-arrow::before {
  inset: 0;
  background: linear-gradient(-45deg,
    transparent calc(50% - .75px),
    currentColor calc(50% - .75px),
    currentColor calc(50% + .75px),
    transparent calc(50% + .75px));
}
.link-arrow::after {
  top: 0;
  right: 0;
  width: 65%;
  height: 65%;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}
.link-arrow--right { transform: rotate(45deg) scale(.85); }
.link-arrow--down { transform: rotate(135deg) scale(.85); }
.header-cta .link-arrow { padding: 0; }
.button .link-arrow,
.text-link .link-arrow { margin-inline-start: 0; }