.social-share {
  z-index: 9999;
}
.social-share a {
  padding: 10px 5px;
  transition: 0.3s;
}

.social-share .share-tooltip span{
  display: none;
}
.social-share:hover .share-tooltip span{
  display: inherit;
}
.share-tooltip {
  margin-bottom: 5px;
}
.share-tooltip span {
  transition: 0.3s;
  background: rgba(0,0,0,0.7);
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
  margin-left: 3px;
  overflow: visible;
  color: white;
  position: absolute;
  white-space: nowrap;
}
.share-tooltip span:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: rgba(0,0,0,0.7);
  border-bottom: 0;
  border-left: 0;
  margin-left: -3.5px;
  margin-bottom: -5px;
}
.social-share img {
  width: 16px;
  height: 16px; 
}
.social-share .facebook a {
  background-color: #1877f2;
  border-radius: 0 5px 0 0;
}

.social-share .twitter a {
  background-color: #1da1f2;
}

.social-share .linkedin a {
  background-color: #007bb5;
}

.social-share .email a {
  background-color: #25d366;
  border-radius: 0 0 5px 0;
}

.social-share a:hover {
  padding: 10px;
  border-radius: 0 5px 5px 0;
}

.social-share li {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  min-height: 25px;
}

.social-share.fixed {
  top: 35%;
  left: 0;
  position: fixed;
}

.social-share {
  padding: 0;
  margin: 0;
}