Hi there,
the CSS is working and looks good to me – the only color you haven’t declared is for the Hover color for example the Facebook:
.lsi-social-icons .lsi-social-facebook a,
.lsi-social-icons .lsi-social-facebook a:visited,
.lsi-social-icons .lsi-social-facebook a:focus {
background: #3b5998 !important;
}
You can create a separate hover color like so:
.lsi-social-icons .lsi-social-facebook a:hover {
background: #cccccc !important;
}
Just set your own color. And do this for each of your icons