.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height:18px;
    float: left;
}
.social .fab{padding:10px 0px;font-size:16pt}
.facebook {
    background-color: #3b5998;
}
 
.gplus {
    background-color: #dd4b39;
}
 
.twitter {
    background-color: #55acee;
}
 
.stumbleupon {
    background-color: #eb4924;
}
 
.pinterest {
    background-color: #cc2127;
}
 
.linkedin {
    background-color: #0077b5;
}
.whatsapp {
    background-color: #00b32d;
}
 
.buffer {
    background-color: #323b43;
}

.share-button.sharer {
  height: 20px;
  padding: 0 20px 0 0;
}
.share-button.sharer .social.active.top {
  transform: scale(1) translateY(-10px);
}
.share-button.sharer .social.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
}
.share-button.sharer .social.networks-5 {

}
.share-button.sharer .social.top {
  margin-top: -50px;
  transform-origin: 0 0 0;
}
.share-button.sharer .social {
  margin-left: 50px;
  opacity: 0;
  transition: all 0.4s ease 0s;
  visibility: hidden;
}