I'll have a proper look later, and bless you to the great lord Ayrton Senna da Silva for your compliment, because I am certainly no super hero ... but on the surface that looks like mighty fine CSS.
You could also use a text replace to insert CLASSes or IDs into the HTML (and the 'A' links) created throughout.
If your looks are just links, then I could also suggest using any relevant text that comes with them and making proper links with text.
Alternatively, it's very understandable for emails to not do that, because:
- Avoiding spam issues.
- Accessibility (reader issues for the blind) issues.
- Transparency from a business perspective.
- It's just easier 😅.
In which case you might not want them formatted as literal links at all. But if you do still want to you can still make the HTML useful, because good HTML (in my humble opinion) indicates what things actually are.
For example if I'm listing the indexia credits on a comic book, like so:
- Title: Sensational Spider-Man Annual#1
- Writer: Matt Fraction
- Artist: Salvador Larocca
I would want to put a SPAN tag around "Sensational Spider-Man Annual #1" with the CLASS of "comicTitle" to indicate what it is.
This allows people exactly like the kind of nerds that hang out on a Microsoft automation community to extract the information that they want, accurately.
I don't have access to full formatting here so I'll skip the full code, but that would be <SPAN CLASS="comicTitle">Sensational Spider-Man Annual #1</SPAN> for that example.
Anyway, all of that is just to say that you could put the CLASS of "link" or make incremental IDs of "link001", "link002", "link003", etc.
If I think of more I'll either edit in, or post again.
