.social-share-counter {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    margin-right:2px;
    position: relative;
    background: #FFF;
    color: #666;
}

.social-share-counter::before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 10px;
    height: 100%;
}

.social-share-counter {
    height: 32px;
    min-width:32px;
    text-align:center;
    padding: 0 7px 0 3px;
    font: 14px/32px Noto Sans;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAYCAYAAAAMAljuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNrs2rENgCAQQNHDyBBWDMFULmFjnMGlYAgKoy01BR5xB6H4P7mE+l7JmRBCFerdrXN673dTNfbRt1KKpJQk57xNrKN/1lpxzrXnCshAKNoCyGABAggBAggBAggBAggBAggBQoAAQoAAQoAAQr/U/tW1B5BBMNqRg3bOMUY20r9LvjOg4xVgABtzIxFP3JZkAAAAAElFTkSuQmCC) 100% 100%;
    background-size:cover;
}

.social-share-counter::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAYCAYAAADH2bwQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNrEks0NwyAMhU0kdmi4MARTZYh0jS4FE3DiAjvA4dVUjZQ/p+qlfZKFrPcJPYMVANorhDDzMXGN1IF1ee/nGCNqrega6KjJWkta61dzBoyLKQEb/Rrg+WGM2RKr+ZFzxl6XJj6Z0kseQiq+gUop8hScXIQG5xx1U4ROvvv7kH8ASmvtEniklGiBlLD29/fa354CDAC6sL9OAqehCgAAAABJRU5ErkJggg==) 100% 100%;
  background-size:cover;
}


.social-share-item" {
  display:inline-block;
  margin:0 6px 6px 0;
  height:32px;
}

.social-share-item a.facebook {
 background:url(../images/social/facebook.png) 0px 0 no-repeat;
}

.social-share-item a.google {
 background:url(../images/social/google.png) 0px 0 no-repeat;
}

.social-share-item a.twitter {
 background:url(../images/social/twitter.png) 0px 0 no-repeat;
}

.social-share-item a.vk {
 background:url(../images/social/vk.png) 0px 0 no-repeat;
}


.social-share-item a.facebook-sq {
 background:url(../images/social-front/facebook1.png) 0px 0 no-repeat;
}

.social-share-item a.google-sq {
 background:url(../images/social-front/g+1.png) 0px 0 no-repeat;
}

.social-share-item a.twitter-sq {
 background:url(../images/social-front/twitter1.png) 0px 0 no-repeat;
}

.social-share-item a.vk-sq {
 background:url(../images/social-front/vk1.png) 0px 0 no-repeat;
}


.social-share-item a {
 display:inline-block;
 width:32px;
 height:32px;
 margin:0;
 padding:0;
 outline:none; 
 background-size:cover !important;
 cursor:pointer;
}


.social:hover, .social-share-item a:hover  { 
 opacity: 0.6;
}