Email clients auto-link
addresses and phone numbers using their own inline styles, which can override module/template
styles(css) causing accessibility (ADA) issues and/or an inconsistent, unpolished rendering.
This wraps them in a styled span/link instead so the client won't auto-link them.
Class:
This should match a CSS class
defined in a <style> block in the email's <head>. Email clients often apply
their own styling when auto-linking addresses/phone numbers, overriding inline styles -
a head-defined class lets your own styles win instead.
Color:
Link 1-5: enter the exact text
being linked - it must match the text as it appears above, and each will become its own
hyperlink. Color: sets that link's color as an inline style, since email clients often
strip or override a plain <a> tag's styling - keeping it inline ensures the color
is kept.
