.external-arrow { display: inline-block; width: 1em; height: 1em; min-width: 1em; flex-shrink: 0; vertical-align: -.12em; overflow: visible; pointer-events: none; }
.button > .external-arrow { font-size: 19px; }
.button span:has(> .external-arrow), .text-link span:has(> .external-arrow) { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }