CSS for secondary menu not working

I have a solid green donate button in my secondary menu (top right corner) on this page: http://www.justoneafrica.org.

I had to change the URL of the button so it required me to delete the menu item that was there and create a new one. The only thing I see had changed was the “menu-item-#”. It is currently just displaying regular text with underline hover. When I try to change the button in the menu to solid or outline, that is not working either.

Here is the custom CSS that you gave me for the original one, but now it is not working, even using the new “menu-item-5332” location:

/*———- Secondary Menu – donate button——–*/
#menu-item-5332 a {
background: #89cc0e !important;
padding: 10px 15px !important;
text-decoration: none;
color: white !important;
border-radius: 2px !important;
font-size: 14px; text-transform: uppercase;
margin-top: 10px !important;
}

The original was linked to a page on the site and this one is linked to a URL. Did something change? What am I missing?

It used to look like this: http://enfold.space/www-justoneafrica-org/

Thank you,
Clay