Hello all, I have an email with two different :hover colors. One is working, and the other is not. Yet, it's the same code.

I opted to not use a:hover as it tends to style all links in the email, and I don't want my footer links styled. I'm aware that some inboxes don't support :hover, but it's odd that the first one is working (Outlook, Mac) and the other is not.

Any help is very much appreciated!!!

Working:

<style>

.links:hover { color: #49dbc3 !important; }

</style>

<a class="links" style="font-weight:bold;border-bottom: 2px solid #49dbc3;color:black; text-decoration: none;" href="#">reach out</a>

Not Working:

<style>

.links-read:hover { color: #4471c3 !important; }

</style>

<p class="links-read" style="font-size: 16px; color: #49DBC3; padding: 2px 0px 2px 0px; text-decoration: none;"><a href="#" style="text-decoration: none; color: #49DBC3">
<b>READ MORE</b></a>
</p>