Styling of Social Share Buttons

Hi guys,

I hope you can help me out. I’m using the Enfold Social Share Buttons but I can’t seem to get the desired style. What I’m after is as shown here On the left side halfway the screen. I did some fiddling with CSS like:

/*----------------------------------------
// CSS - Social Share style 
//--------------------------------------*/
#top .av-share-box ul {border-radius: 0px;}

.av-share-box h5{color:#ffffff;}

li.av-share-link a:before {
   font-size: 26px !important;
}
/* Hide tool tip */
.av-social-sharing-box .avia-related-tooltip {
  display: none !important;
}
/* Link hover */
#top .av-social-sharing-box .av-share-link a:hover { background-color:transparent!important;}

/* Icon Color */
.av-social-sharing-box .av-share-link a:before {color:#fff;}

/* Icon Color on hover */
.av-social-sharing-box .av-share-link:hover a:before {color:#fff;}

This is the result so far. So basicly we need some margins between the three icons. But I don’t no where.Offcourse I can change the color btw ;)

Help is much appreciated!

Cheers,

Steven