Changing Link underline and hover color

Greetings,

For DT 8.9, I’m trying to remove the link underline and hover color in the footer text, specifically the footer-block-content.

I have white text on #222222 background, and when I hover over the link, the text changes from white to black. I don’t want the hover to change the color of the text to black because it becomes unreadable. From a UI perspective, I understand the underline lets users know those are links, but the underline looks ugly. Would it be better for the hover to change text color to black, and have a white background? Or is it just better to not have hover change the color.

I tried this in the Custom CSS/Javascript area:

#footer-block-content a:hover {
color: #fff;
}

but it did not work at all. Any suggestions would be greatly appreciated.