Remove underlines from links in footer in Squarespace 7.0 Pacific template

I created a navigation menu with secondary tasks in my squarespace footer using text (rather than the drag and drop option).

Unfortunately, doing it this way comes with yellow underlines to the links that I cannot seem to get rid of. There is no option in the design panel to change the color of these links, and using #footer a {text-decoration: none;} with or without the important doesn't seem to do anything.

Can anyone help?

Actually, this is what worked in case anyone else encounters this issue:

I guess they use linear gradients to make the underlines or something. Really annoying.

#footer a {
    background-image: unset;
    text-decoration: none !important;
    border: none !important;
}