/* Drawn arrow marks — avoids Unicode arrows (↗ → ←) rendering as emoji on mobile. */
.arrow-mark,
.has-arrow::after,
.has-arrow-ext::after,
.has-arrow-back::before {
  content: "";
  display: inline-block;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  vertical-align: 0.12em;
}

.arrow-mark--right,
.has-arrow::after {
  width: 0.4em;
  height: 0.4em;
  transform: rotate(45deg);
}

.has-arrow::after {
  margin-left: 0.35em;
}

.arrow-mark--ext,
.has-arrow-ext::after {
  width: 0.42em;
  height: 0.42em;
  transform: rotate(-45deg);
}

.has-arrow-ext::after {
  margin-left: 0.35em;
}

.arrow-mark--back,
.has-arrow-back::before {
  width: 0.4em;
  height: 0.4em;
  margin-right: 0.35em;
  transform: rotate(-135deg);
}

.has-arrow-back::before {
  margin-right: 0.35em;
}