Increase space between social media icons

Hi,

Is there some CSS I can apply that will increase the space between the social media icons? I have the social media icons in the footer on the Enfold Restaurant theme. I currently have this in Quick CSS if you need it.

#footer [data-av_icon]:before { font-size: 25px !important; }

#top .social_bookmarks li a { font-size: 25px;  }

@media only screen and (max-width: 990px) {
#wrap_all {
position: relative !important;
}}
@media only screen and (max-width: 989px){
div.foot-cust .av_one_fourth{
	width:100px !important;
	margin-top:0 !important;
}
div.foot-cust .flex_column{
	margin-bottom:0 !important;
}
}