Changing hover colour for social media icons (header area)

Hello

I am trying to change the hover cover for my social media icons on my header. I would like them to change to #e66086 on hover rather than the multi-coloured default. Is this possible?

I was advised to do the following however it did not work:

Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .social_bookmarks li a:hover {
background: transparent!important;
color: #e66086!important;
}

Any other ideas?
Thank you, Fiona