JSFiddle - React, Tailwind, and code Playground

by Vitaly Volovich

HTML

<div class="external-sign-in">
    <a href="javascript:" style="margin-left:0;" data-link="http://buzzy.akbilisim.com/poll/who-will-win-the-champions-league-season-201516" data-name="Who Will Win The Champions League Season 2015/16 ?" data-image="http://buzzy.akbilisim.com/upload/media/posts/2015-10/10/who-will-win-the-champions-league-season-201516_1444490503-b.jpg" data-description="LET'S SEE WHO WILL WIN." class="Facebook postToFacebookFeed">Share</a>
    <a href="https://twitter.com/intent/tweet?url=http://buzzy.akbilisim.com/poll/who-will-win-the-champions-league-season-201516&amp;text=Who Will Win The Champions League Season 2015/16 ?" class="Twitter popup-action">Tweet</a>
    <a href="https://plus.google.com/share?url=http://buzzy.akbilisim.com/poll/who-will-win-the-champions-league-season-201516" class="Google popup-action">Google+</a>
    <a href="http://reddit.com/submit?url=http://buzzy.akbilisim.com/poll/who-will-win-the-champions-league-season-201516&amp;title=Who Will Win The Champions League Season 2015/16 ?" class="Reddit popup-action">Reddit</a>
    <a href="http://pinterest.com/pin/create/link/?url=http://buzzy.akbilisim.com/poll/who-will-win-the-champions-league-season-201516&amp;media=http://buzzy.akbilisim.com/upload/media/posts/2015-10/10/who-will-win-the-champions-league-season-201516_1444490503-b.jpg&amp;description=Who Will Win The Champions League Season 2015/16 ?" class="Pinterest popup-action">Pinterest</a>
</div>

CSS

.external-sign-in .Twitter { background: #6aadd1 }
.external-sign-in .Twitter:hover { background: #777 }

.external-sign-in .Google:hover { background: #777 }

.external-sign-in .Reddit { background: #587ea3 }
.external-sign-in .Reddit:hover { background: #777 }

.external-sign-in .Pinterest { background: #f2720c }
.external-sign-in .Pinterest:hover { background: #777 }

.external-sign-in .Vkontakte { background: #587ea3 }
.external-sign-in .Vkontakte:hover { background: #777 }

.external-sign-in .Facebook:hover{background: #777}


.external-sign-in {
  padding-top: 20px;
  max-width: 100%;
  width: 100%;
  margin: 0px auto;
  padding: 1em 0px 0.5em;
  border: 0px none;
	utline: 0px none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #000;
	text-align: left;
}
.external-sign-in a{

display: inline-block;
line-height: 35px;
width: 80px;
font-size: 14px;
height: 36px;
min-height: 35px;
padding: 0px 0px 0px 42px;
margin-left: 5px;
background: #3B5998 none repeat scroll 0% 0%;
position: relative;
overflow: hidden;
color: #FFF;

}