.x-link i{
  color:#080607;
}

.twitter-link i{
  color:#55acee;
}

.facebook-link i{
  color:#3b5998;
}

.whatsapp-link i{
  color:#02e676;
}

.pinterest-link i{
  color:#bd081c;
}

.share-link i{
  color:#95d03a;
}
.social-links i{
  transition:color .4s ease-out;
  font-size:2rem;
  vertical-align:top !important;
}
.social-links a{
  margin-right:1rem;
}
.social-links a:last-child{
  margin-right:0;
}
.social-links a.facebook-link:hover i{
  color:#96abd6;
}
.social-links a.x-link:hover i{
  color:#5f4854;
}
.social-links a.twitter-link:hover i{
  color:#0f5f9b;
}
.social-links a.whatsapp-link:hover i{
  color:#018142;
}
.social-links a.pinterest-link:hover i{
  color:#5b040e;
}
.social-links a.share-link:hover i{
  color:#5d8420;
}
.social-share{
  margin-left:1.25rem;
}
.social-share i{
  font-size:1rem;
  vertical-align:middle !important;
  margin-top:-2px;
}
.social-share a{
  white-space:nowrap;
  line-height:2;
  margin-right:1rem;
  padding:.25rem .5rem;
  border-radius:4px;
  transition:background-color .3s ease-out;
}
.social-share a:after{
  content:"";
}
.social-share a span{
  padding-left:.5rem;
}
.social-share a.twitter-link{
  background-color:#fff;
  color:#4e5055;
  border:1px solid #55acee;
}
.social-share a.twitter-link i{
  color:#55acee;
}
.social-share a.facebook-link,.social-share a.pinterest-link,.social-share a.share-link,.social-share a.whatsapp-link,.social-share a.x-link{
  background-color:#3b5998;
  border:1px solid #3b5998;
  color:#fff;
}
.social-share a.facebook-link i,.social-share a.pinterest-link i,.social-share a.share-link i,.social-share a.whatsapp-link i,.social-share a.x-link i{
  color:#fff;
}
.social-share a.x-link{
  border:1px solid #251c21;
  background-color:#251c21;
}
.social-share a.whatsapp-link{
  border:1px solid #02e676;
  background-color:#02e676;
}
.social-share a.pinterest-link{
  border:1px solid #bd081c;
  background-color:#bd081c;
}
.social-share a.share-link{
  border:1px solid #95d03a;
  background-color:#95d03a;
}
.social-share a:last-child{
  margin-right:0;
}
.social-share a:hover{
  color:#fff;
  background-color:#00874f;
  border:1px solid #00874f;
}
.social-share a:hover i{
  color:#fff;
}
@media (max-width:579.98px){
  .social-share a{
    margin-right:.3333333333rem;
    padding:.1428571429rem .25rem;
  }
}

/*# sourceMappingURL=social-share.css.map */