JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">

    <div class="facebook-holder">
	<a class="ss facebook" href="https://www.facebook.com/bendaggersdotcom" target="_blank"></a>
    </div>
    
</div>

CSS

.holder{
    background:#a8a1a2; height: 50px; width:150px; padding:10px;}

.facebook-holder { background:#FFF; max-width:46px; max-height:41px; height:100%;vertical-align:baseline; text-align:center;}

.ss {
    display:block; height:21px; width:26px; border:10px solid #FFF; margin:0; background: url(http://www.bendaggers.com/wp-content/uploads/2013/08/socials.png) no-repeat;}
.ss:hover {
        border-color: #3b5998; 
    background-color: #3b5998;}

.facebook {
    background-position: 0 center; }
.facebook:hover {
    background-position: -26px center;
}