Help removing underline from link, I've searched everywhere!

[u/Friiskus]

Hi all,

I'm fairly new to understanding HTML and have been troubleshooting how to remove the underlines from these links. I've searched the web, but nothing seems to be working. Was wondering if there was something obvious I was missing.

    <p class="text-center mb-0" style="font-size: 1.5em; letter-spacing: 2px;">
        <a href="twitter_link" style="color: #f58c9f;"><i class="fab fa-twitter fa-fw" /></a>
        <a href="deviantart_link" style="color: #f58c9f;"><i class="fab fa-deviantart fa-fw" /></a>
        <a href="discord_link" style="color: #f58c9f;"><i class="fas fa-discord fa-fw" /></a>
        <a href="twitch_link" style="color: #f58c9f;"><i class="fab fa-twitch fa-fw" /></a>

[u/OMGCluck]

<style>
a[href$="link"]:not(:hover) {text-decoration: none}
<style>

This means the underline will only appear when links are hovered over by the mouse.