/* Draw the arrow as strokes, never as a font glyph or an emoji. */
.line-arrow { position: relative; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; vertical-align: -.12em; font-style: normal; line-height: 1; pointer-events: none; }
.line-arrow::before, .line-arrow::after { content: ""; position: absolute; box-sizing: border-box; }
.line-arrow::before { left: .075em; top: calc(.5em - .5px); width: .85em; height: 1px; background: currentColor; transform: rotate(-45deg); }
.line-arrow::after { top: .2em; right: .2em; width: .55em; height: .55em; border-top: 1px solid currentColor; border-right: 1px solid currentColor; }