.social-share-block {
  display: block; }
  .social-share-block .nav-tabs {
    background-color: #ccc;
    border-bottom: 1px solid #e2e2e2;
    overflow: visible !important; }
  .social-share-block .nav-tabs-item {
    margin-bottom: 0;
    text-align: center;
    border-left: 1px solid #e2e2e2; }
    .social-share-block .nav-tabs-item:first-of-type {
      border-left: none; }
    .social-share-block .nav-tabs-item a:before {
      display: none; }
    .social-share-block .nav-tabs-item a.active {
      position: relative; }
      .social-share-block .nav-tabs-item a.active:after {
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        bottom: -1px;
        left: 0;
        right: 0;
        background-color: #fff; }
  .social-share-block .tab-content {
    margin-bottom: 20px;
    color: #fff; }
    .social-share-block .tab-content a {
      color: #fff; }
    .social-share-block .tab-content .tab-pane {
      padding: 20px;
      background-color: #ccc;
      text-align: center; }
      .social-share-block .tab-content .tab-pane.active {
        display: block; }
  .social-share-block #tab-clipboard,
  .social-share-block #tab-clipboard.active:after,
  .social-share-block #tabpanel-clipboard {
    background-color: #464646; }
  .social-share-block #tab-email,
  .social-share-block #tab-email.active:after,
  .social-share-block #tabpanel-email {
    background-color: #003B5D; }
  .social-share-block #tab-linkedin,
  .social-share-block #tab-linkedin.active:after,
  .social-share-block #tabpanel-linkedin {
    background-color: #2967B2; }
  .social-share-block #tab-twitter,
  .social-share-block #tab-twitter.active:after,
  .social-share-block #tabpanel-twitter {
    background-color: #1DA1F2; }
  .social-share-block #tab-facebook,
  .social-share-block #tab-facebook.active:after,
  .social-share-block #tabpanel-facebook {
    background-color: #4267B2; }
  @media (max-width: 575.98px) {
    .social-share-block.tab--horizontal .nav-tabs-item {
      margin-bottom: 0; }
      .social-share-block.tab--horizontal .nav-tabs-item a {
        padding: 15px 10px;
        align-items: center;
        text-align: center;
        font-size: 20px; } }
  @media (max-width: 991.98px) {
    .social-share-block.tab--horizontal .nav-tabs-item {
      margin-bottom: 0; }
      .social-share-block.tab--horizontal .nav-tabs-item a {
        padding: 15px 10px;
        align-items: center;
        text-align: center;
        font-size: 20px; } }

.social-share-container {
  display: flex;
  .social-item {
      margin-right: 12px;
      position: relative;
    span {
      display: none;
    }
    a {
      svg {
        font-size: 52px;
        color: #2774AE;
      }
      &:hover {
        svg {
          color: #003B5C;
        }
      }
    }
 
    p.messages {
      padding: 10px 10px;
      font-size: 14px;
      width: 100px;
      top: -14px;
      z-index: 1;
      position: relative;
    }
  }
  
}     
@media (max-width: 778px) {
  .social-share-container {
    display: flex;
    .social-item {
      a {
        svg {
          font-size: 42px;
          color: #2774AE;
        }

      }

    }
    
  }  
}