.al-arrow {
  display: inline-block;
  position: relative;
  flex: 0 0 .85em;
  width: .85em;
  height: .85em;
  margin-inline-start: .2em;
  vertical-align: -.07em;
}
.al-arrow::before, .al-arrow::after { content: ''; position: absolute; }
.al-arrow::before { inset: 50% .1em auto 0; border-top: 1.5px solid currentColor; transform: translateY(-50%); }
.al-arrow::after { top: 50%; right: .1em; width: .38em; height: .38em; box-sizing: border-box; border: solid currentColor; border-width: 1.5px 1.5px 0 0; transform: translateY(-50%) rotate(45deg); }
.al-arrow-down { transform: rotate(90deg); }