اضافة ازرار المواقع الاجتماعية بتصميم انيق

<style>
/* Social Media*/
div#suded-social ul li{    overflow:hidden;     float:right;     width:50%;     text-align:center}
div#suded-social ul li i{    display:none}
div#suded-social{    overflow:hidden}
div#suded-social ul li p{    font-size:17px}
div#suded-social ul li a{    display:block;     background:#000;     color:#fff;     overflow:hidden; position:relative;     border:2px solid;     transition:0.3s;     padding:12px 16px}
div#suded-social ul .fb-c:hover a{    background:#fff !important;     color:#3b5998 !important}
div#suded-social ul .twt-c:hover a{    background:#fff !important;     color:#55acee !important}
div#suded-social ul .ytb-c:hover a{    background:#fff !important;     color:#b00 !important}
div#suded-social ul .plusgg-c:hover a{    background:#fff !important;     color:#dd4b39 !important}
div#suded-social ul li.fb-c a{    background:#3b5998; border-color:#3b5998}
div#suded-social ul li.twt-c a{    background:#55acee; border-color:#55acee}
div#suded-social ul li.ytb-c a{    background:#b00; border-color:#b00}
div#suded-social ul li.plusgg-c a{    background:#dd4b39; border-color:#dd4b39}
div#suded-social ul li.fb-c a:before{    content:"\f09a";     font-family:Fontawesome;     position:absolute;     left:10px;     font-size:22px;     color:rgba(0,0,0,0.13);     top:12px}
div#suded-social ul li.twt-c a:before{    content:"\f099";     font-family:Fontawesome;     position:absolute;     left:10px;     font-size:22px;     color:rgba(0,0,0,0.13);     top:12px}
div#suded-social ul li.ytb-c a:before{    content:"\f16a";     font-family:Fontawesome;     position:absolute;     left:10px;     font-size:22px;     color:rgba(0,0,0,0.13);     top:12px}
div#suded-social ul li.plusgg-c a:before{    content:"\f0d5";     font-family:Fontawesome;     position:absolute;     left:10px;     font-size:22px;     color:rgba(0,0,0,0.13);     top:12px}
</style>
<div id="suded-social">
<ul>
<li class="fb-c"><a href="https://www.facebook.com/th3pro.tk/?fref=ts" target="_blank"><p>تابع جديدنا على الفيسبوك و انظم لاكثر من مليون و 700 الف متابع</p><i class="fa fa-plus-circle"></i></a></li>
<li class="twt-c"><a href="https://twitter.com/" target="_blank"><p>تابع جديدنا على الفيسبوك و انظم لاكثر من مليون و 700 الف متابع</p><i class="fa fa-plus-circle"></i></a></li>
<li class="ytb-c"><a href="https://www.youtube.com/" target="_blank"><p>تابع جديدنا على الفيسبوك و انظم لاكثر من مليون و 700 الف متابع </p><i class="fa fa-plus-circle"></i></a></li>
<li class="plusgg-c"><a href="https://plus.google.com/u/0/111340758804846478110" target="_blank"><p>تابع جديدنا على الفيسبوك و انظم لاكثر من مليون و 700 الف متابع</p><i class="fa fa-plus-circle"></i></a></li>
</ul>
</div>

• ثم غير مايلزم 

والسلام عليكم ورحمة الله وبركاتة اتمني ان يعجبكم الموضوع