.social-btn {
  box-shadow: 0px 1px 4px #4d4d4d;
  transition: all 0.2s;
  position: relative;
  padding-right: 35px;
  font-size: 1.2rem !important;

  &:after {
    font-family: "Font Awesome 5 Brands";
    position: absolute;
    right: 10px;
    top: 20%;
  }

  &:hover {
    box-shadow: 0px 1px 7px #4d4d4d;
    transform: translateY(-3px);
  }
}
.social-btn.block-btn {
  &:after {
    margin-right: 1rem;
  }
}
@import "social/_google.less";
@import "social/_apple.less";
@import "social/_facebook.less";
@import "social/_instagram.less";
@import "social/_twitter.less";
@import "social/_linkedin.less";
@import "social/_weibo.less";
@import "social/_github.less";
@import "social/_tumblr.less";
@import "social/_flickr.less";
@import "social/_snapchat.less";
@import "social/_microsoft.less";
@import "social/_reddit.less";
@import "social/_discord.less";
@import "social/_whatsapp.less";
@import "social/_gitlab.less";
@import "social/_bitbucket.less";
@import "social/_steam.less";
@import "social/_slack.less";
@import "social/_telegram.less";
@import "social/_pinterest.less";
@import "social/_dropbox.less";
@import "social/_amazon.less";
@import "social/_spotify.less";
@import "social/_vk.less";
@import "social/_wechat.less";
@import "social/_qq.less";