Adding Hover Actions to Nav Bar in 7.1

I'm currently using the template Barbosa in 7.1. I want to add hover actions to the nav bar so that when you hover over the pages the nav text turns from gray to pink. I also want this to happen with the all of the buttons on the page. I have not changed any styling on the page besides adding the following custom CSS.

Working CSS:

a:hover {
    color: rgb(254,64,230);
}

a#site-title:hover {
   color: rgb(254,64,230);
}

This css works in changing the color of the title of the page and of the hyperlinks. I thought that the a would work for the nav bar as well but apparently not. 

Thanks,

Cecelia

I got the nav bar working with this code:

.tweak-transparent-header:not(.header--menu-open) .header-announcement-bar-wrapper .header-nav-wrapper a:hover {
   backgroud-color:rgb(254,64,230)!important;
}

and the body buttons working with this code:
 

.primary-button-style-solid .sqs-block-image .design-layout-card .image-button a:hover {
  background-color:rgb(254,64,230)!important;
}

Just still trying to figure out the button in the header.

Can you share link to your site? We can check easier.