They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
replyExactly, text content goes in a <span>, icon is an <svg>, flex align items center on the wrapper gets you close, nudge the icon to perfection with transform: translate
replyAnd then the line wraps.
replyAlright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text
reply