.sb {
    display: inline-block;
    height: 40px;
    color: white !important;
    font-family: sans-serif;
    padding-right: 15px;
    font-size: 15px;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid transparent;
  }
  .sb::before {
    font-family: "Font Awesome 5 Brands";
    text-align: center;
    width: 40px;
    height: 100%;
    display: inline-block;
    font-size: 25px;
    margin-right: 10px;
    line-height: 40px;
    margin-bottom: 2px;
    vertical-align: middle;
  }
  .sb:hover {
    text-decoration: none;
    color: white !important;
  }
  .sb.sb-nb {
    border: 1px solid transparent;
  }
  .sb.sb-ct {
    text-align: center;
  }
  .sb.sb-fw {
    width: 220px;
  }
  .sb.sb-m-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .sb.sb-m-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sb.sb-m-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sb.sb-b {
    display: block;
  }
  .sb.sb-br-2 {
    border-radius: 2px;
  }
  .sb.sb-br-5 {
    border-radius: 5px;
  }
  .sb.sb-br-10 {
    border-radius: 10px;
  }
  .sb.sb-fw.sb-xs {
    width: 180px;
  }
  .sb.sb-xs {
    font-size: 12px;
    height: 30px;
  }
  .sb.sb-xs::before {
    font-size: 15px;
    line-height: 30px;
    width: 30px;
  }
  button.sb::before {
    padding-left: 0px !important;
    margin-left: -10px !important;
  }
  button.sb.sb-fw::before {
    padding-left: 0px !important;
    margin-left: -15px !important;
  }
  .sb-linkedin {
    background-color: #0183cb;
    border-color: #01527f;
  }
  .sb-linkedin::before {
    background-color: #0173B2;
    content: "\f0e1";
  }
  .sb-linkedin:hover::before {
    background-color: #0183cb;
  }
  .sb-linkedin:hover {
    background-color: #0194e5;
  }
  .sb-paypal {
    background-color: #1d6c97;
    border-color: #113e57;
  }
  .sb-paypal::before {
    background-color: #195D82;
    content: "\f1ed";
  }
  .sb-paypal:hover::before {
    background-color: #1d6c97;
  }
  .sb-paypal:hover {
    background-color: #217cad;
  }
  .sb-facebook {
    background-color: #4366ad;
    border-color: #2e4576;
  }
  .sb-facebook::before {
    background-color: #3C5B9B;
    content: "\f39e";
  }
  .sb-facebook:hover::before {
    background-color: #4366ad;
  }
  .sb-facebook:hover {
    background-color: #4f72bb;
  }
  .sb-google {
    background-color: #f7533f;
    border-color: #e12009;
  }
  .sb-google::before {
    background-color: #F63D27;
    content: "\f0d5";
  }
  .sb-google:hover::before {
    background-color: #f7533f;
  }
  .sb-google:hover {
    background-color: #f86958;
  }
  .sb-bitbucket {
    background-color: #255d95;
    border-color: #163758;
  }
  .sb-bitbucket::before {
    background-color: #205081;
    content: "\f171";
  }
  .sb-bitbucket:hover::before {
    background-color: #255d95;
  }
  .sb-bitbucket:hover {
    background-color: #2a69aa;
  }
  .sb-twitter {
    background-color: #43b3e4;
    border-color: #1b8dc0;
  }
  .sb-twitter::before {
    background-color: #2DAAE1;
    content: "\f099";
  }
  .sb-twitter:hover::before {
    background-color: #43b3e4;
  }
  .sb-twitter:hover {
    background-color: #5abce7;
  }
  .sb-reddit {
    background-color: #ff581a;
    border-color: #cc3700;
  }
  .sb-reddit::before {
    background-color: #FF4500;
    content: "\f281";
  }
  .sb-reddit:hover::before {
    background-color: #ff581a;
  }
  .sb-reddit:hover {
    background-color: #ff6a33;
  }
  .sb-flickr {
    background-color: #ff1a90;
    border-color: #cc006a;
  }
  .sb-flickr::before {
    background-color: #ff0084;
    content: "\f16e";
  }
  .sb-flickr:hover::before {
    background-color: #ff1a90;
  }
  .sb-flickr:hover {
    background-color: #ff339d;
  }
  .sb-adn {
    background-color: #dd8c7c;
    border-color: #ce563f;
  }
  .sb-adn::before {
    background-color: #d87a68;
    content: "\f170";
  }
  .sb-adn:hover::before {
    background-color: #dd8c7c;
  }
  .sb-adn:hover {
    background-color: #e29e91;
  }
  .sb-dropbox {
    background-color: #1894ee;
    border-color: #0d6aad;
  }
  .sb-dropbox::before {
    background-color: #1087dd;
    content: "\f16b";
  }
  .sb-dropbox:hover::before {
    background-color: #1894ee;
  }
  .sb-dropbox:hover {
    background-color: #309ff0;
  }
  .sb-foursquare {
    background-color: #fa6189;
    border-color: #f71752;
  }
  .sb-foursquare::before {
    background-color: #f94877;
    content: "\f180";
  }
  .sb-foursquare:hover::before {
    background-color: #fa6189;
  }
  .sb-foursquare:hover {
    background-color: #fb799c;
  }
  .sb-github {
    background-color: #515151;
    border-color: #2b2b2b;
  }
  .sb-github::before {
    background-color: #444444;
    content: "\f09b";
  }
  .sb-github:hover::before {
    background-color: #515151;
  }
  .sb-github:hover {
    background-color: #5e5e5e;
  }
  .sb-microsoft {
    background-color: #3d81ee;
    border-color: #125acd;
  }
  .sb-microsoft::before {
    background-color: #2672ec;
    content: "\f3ca";
  }
  .sb-microsoft:hover::before {
    background-color: #3d81ee;
  }
  .sb-microsoft:hover {
    background-color: #5590f0;
  }
  .sb-odnoklassniki {
    background-color: #f58234;
    border-color: #d35b0a;
  }
  .sb-odnoklassniki::before {
    background-color: #f4731c;
    content: "\f263";
  }
  .sb-odnoklassniki:hover::before {
    background-color: #f58234;
  }
  .sb-odnoklassniki:hover {
    background-color: #f6914d;
  }
  .sb-openid {
    background-color: #f89f37;
    border-color: #da7908;
  }
  .sb-openid::before {
    background-color: #f7931e;
    content: "\f19b";
  }
  .sb-openid:hover::before {
    background-color: #f89f37;
  }
  .sb-openid:hover {
    background-color: #f9ab4f;
  }
  .sb-pinterest {
    background-color: #dd272f;
    border-color: #9f191f;
  }
  .sb-pinterest::before {
    background-color: #cb2027;
    content: "\f0d2";
  }
  .sb-pinterest:hover::before {
    background-color: #dd272f;
  }
  .sb-pinterest:hover {
    background-color: #e03e44;
  }
  .sb-soundcloud {
    background-color: #ff661a;
    border-color: #cc4400;
  }
  .sb-soundcloud::before {
    background-color: #ff5500;
    content: "\f1be";
  }
  .sb-soundcloud:hover::before {
    background-color: #ff661a;
  }
  .sb-soundcloud:hover {
    background-color: #ff7733;
  }
  .sb-tumblr {
    background-color: #345474;
    border-color: #1c2d3f;
  }
  .sb-tumblr::before {
    background-color: #2c4762;
    content: "\f173";
  }
  .sb-tumblr:hover::before {
    background-color: #345474;
  }
  .sb-tumblr:hover {
    background-color: #3c6085;
  }
  .sb-vimeo {
    background-color: #31beec;
    border-color: #1295bf;
  }
  .sb-vimeo::before {
    background-color: #1ab7ea;
    content: "\f40a";
  }
  .sb-vimeo:hover::before {
    background-color: #31beec;
  }
  .sb-vimeo:hover {
    background-color: #49c6ee;
  }
  .sb-vk {
    background-color: #678bad;
    border-color: #466482;
  }
  .sb-vk::before {
    background-color: #587ea3;
    content: "\f189";
  }
  .sb-vk:hover::before {
    background-color: #678bad;
  }
  .sb-vk:hover {
    background-color: #7897b6;
  }
  .sb-yahoo {
    background-color: #8310b5;
    border-color: #500a6f;
  }
  .sb-yahoo::before {
    background-color: #720e9e;
    content: "\f19e";
  }
  .sb-yahoo:hover::before {
    background-color: #8310b5;
  }
  .sb-yahoo:hover {
    background-color: #9412cd;
  }
  .sb-instagram {
    background-color: #2d6799;
    border-color: #1b3f5e;
  }
  .sb-instagram::before {
    background-color: #275A85;
    content: "\f16d";
  }
  .sb-instagram:hover::before {
    background-color: #2d6799;
  }
  .sb-instagram:hover {
    background-color: #3375ac;
  }
  .sb-youtube {
    background-color: #e51514;
    border-color: #9f0f0e;
  }
  .sb-youtube::before {
    background-color: #CE1312;
    content: "\f167";
  }
  .sb-youtube:hover::before {
    background-color: #e51514;
  }
  .sb-youtube:hover {
    background-color: #ec2827;
  }
  .sb-discord {
    background-color: #a6b4ff;
    border-color: #5973ff;
  }
  .sb-discord::before {
    background-color: #8C9EFF;
    content: "\f392";
  }
  .sb-discord:hover::before {
    background-color: #a6b4ff;
  }
  .sb-discord:hover {
    background-color: #bfc9ff;
  }
  .sb-wordpress {
    background-color: #3e444a;
    border-color: #1b1e20;
  }
  .sb-wordpress::before {
    background-color: #32373C;
    content: "\f19a";
  }
  .sb-wordpress:hover::before {
    background-color: #3e444a;
  }
  .sb-wordpress:hover {
    background-color: #495158;
  }
  .sb-twitch {
    background-color: #6f48b6;
    border-color: #4e337f;
  }
  .sb-twitch::before {
    background-color: #6441A4;
    content: "\f1e8";
  }
  .sb-twitch:hover::before {
    background-color: #6f48b6;
  }
  .sb-twitch:hover {
    background-color: #7d5abe;
  }
  .sb-teamspeak {
    background-color: #4d5d87;
    border-color: #313c57;
  }
  .sb-teamspeak::before {
    background-color: #445277;
    content: "\f4f9";
  }
  .sb-teamspeak:hover::before {
    background-color: #4d5d87;
  }
  .sb-teamspeak:hover {
    background-color: #576897;
  }
  .sb-slack {
    background-color: #384048;
    border-color: #171a1d;
  }
  .sb-slack::before {
    background-color: #2D333A;
    content: "\f198";
  }
  .sb-slack:hover::before {
    background-color: #384048;
  }
  .sb-slack:hover {
    background-color: #434c57;
  }
  .sb-spotify {
    background-color: #2de26d;
    border-color: #18aa4c;
  }
  .sb-spotify::before {
    background-color: #1ED760;
    content: "\f1bc";
  }
  .sb-spotify:hover::before {
    background-color: #2de26d;
  }
  .sb-spotify:hover {
    background-color: #43e57d;
  }
  .sb-steam {
    background-color: #474747;
    border-color: #212121;
  }
  .sb-steam::before {
    background-color: #3A3A3A;
    content: "\f1b6";
  }
  .sb-steam:hover::before {
    background-color: #474747;
  }
  .sb-steam:hover {
    background-color: #545454;
  }