.social-tag{ text-align: center;  }
.social-tag{  }
.social-tag p a { padding:2px 1px 2px 4px; display: inline-block; border:1px solid transparent; font-weight: 400; position: relative;  height: 33px; overflow: hidden; border-radius: 3px; color:#fff; margin-right: 5px; width: 75px; text-align: left;}
.social-tag p a[data-social="facebook"]{ background-color: #3B589E; }
.social-tag p a[data-social="linkedin"]{ background-color: #0077B5; }
.social-tag p a[data-social="googleplus"]{ background-color: #DC4A38; }
.social-tag p a[data-social="twitter"]{ background-color: #1EA1F3; }
.social-tag p a span { padding:4px 10px 5px 10px; background-color: #fff; color:#555; margin-left:5px; top:0px; right:2px; position: relative;  border-radius: 2px; width: 27px; height: 27px;  text-align: center; float:right; }
.social-tag p a span::before { content:""; width: 5px; height: 5px; transform: rotate(45deg); background-color:white; display: inline-block; position:absolute; left: -2px; top:10px; }
.social-tag p a[data-social="googleplus"] span::after,.social-tag p a[data-social="twitter"] span::after { content:"0";  }
.social-tag p a i { font-size: 26px;  }
.social-tag p a:hover{ background-color: #fcfcfc; color:#555; border: 1px solid #555; }
.social-tag p a:hover span { background-color: #e5e5e5;  }
.social-tag p a:hover span::before { background-color: #e5e5e5; color:#555;  }