// Replaces the Unicode "→" (U+2192) previously used inline in CTA links
// (Tools.tsx, Blog.tsx, ProductGrid.tsx) — that glyph isn't covered by the
// site's custom web fonts, so browsers fall back to a system font just for
// that one character. The fallback's vertical metrics differ enough by
// platform (confirmed: sat visibly low relative to the label text on a
// Samsung Galaxy S22/Android Chrome, not reproducible in desktop Chromium)
// that centering it via flex `items-center` alone isn't reliable across
// devices. An SVG has no font-fallback path — it renders identically
// everywhere. `currentColor` stroke follows the parent Link's own
// text/hover color, same as every other icon in this codebase.
// Arrowhead wings are deliberately short relative to the shaft (4.2 units
// vs. a 14-unit shaft) — the first version used full-length 45° wings
// (7 units), which read as a generic, oversized chevron next to the small
// bold label text it sits beside.
export function ArrowRightIcon() {
  return (
    <svg aria-hidden width="16" height="12" viewBox="0 0 16 12" fill="none" className="shrink-0">
      <path d="M1 6H15M15 6L12 3M15 6L12 9" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}