Change social icons hover color

Hello, I’d like to give every social icon its own color when you pass over with the mouse, so that Facebook is blue, YouTube red, etc
I’ve already identified the IDs that i have to change, but when I add the code shown below, nothing happens, I’ve tried everything and I the most useful thing I’ve been able to do is change all the color of all of them to the same, but not individually.

.menu-item-30:hover {
background:red;
}

what am I doing wrong?? Thanks in advance!