.totalpoll-poll-container share-button {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
  white-space: nowrap;

  &:before {
    position: absolute;
    line-height: 1em;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2em;
    content: ' ' !important;
    background: url("../images/share-icons/export.svg") no-repeat;
  }

  .sb-social {
    position: absolute;
    bottom: 150%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 10;

    &.active {
      opacity: 1;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
      visibility: visible;
    }

    &.load {
      -webkit-transition: none !important;
      transition: none !important;
    }

    ul {
      display: table;
      table-layout: fixed;
      margin: 0;
      padding: 0;
      list-style: none;
      line-height: 0;

      li {
        display: table-cell;
        width: 1%;
        text-align: center;
        cursor: pointer;
        z-index: 2;

        &.disabled {
          display: none;
        }

        a {
          display: block;
          padding: 1.3em !important;
          margin: auto;
          text-decoration: none !important;
          box-shadow: none !important;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 1.3em;

          &:hover, &:focus {
            text-decoration: none !important;
            box-shadow: none !important;
          }
        }

        &[class*='email'] {
          background: #42c5b0 !important;
          a {
            background-image: url("../images/share-icons/email.svg");
          }
        }

        &[class*='facebook'] {
          background: #3b5998 !important;
          a {
            background-image: url("../images/share-icons/facebook.svg");
          }
        }

        &[class*='googlePlus'] {
          background: #dd4b39 !important;
          a {
            background-image: url("../images/share-icons/googlePlus.svg");
          }
        }

        &[class*='linkedin'] {
          background: #0077b5 !important;
          a {
            background-image: url("../images/share-icons/linkedin.svg");
          }
        }

        &[class*='pinterest'] {
          background: #bd081c !important;
          a {
            background-image: url("../images/share-icons/pinterest.svg");
          }
        }

        &[class*='reddit'] {
          background: #5f99cf !important;
          a {
            background-image: url("../images/share-icons/reddit.svg");
          }
        }

        &[class*='twitter'] {
          background: #55acee !important;
          a {
            background-image: url("../images/share-icons/twitter.svg");
          }
        }

        &[class*='whatsapp'] {
          background: #43d854 !important;
          a {
            background-image: url("../images/share-icons/whatsapp.svg");
          }
        }

      }

    }

  }
}

@media screen and (max-width: 400px) {
  .totalpoll-poll-container share-button .sb-social.networks-6.sb-center {
    white-space: initial;
    text-align: center;
    width: 300px;
  }
}

@media screen and (max-width: 460px) {
  .totalpoll-poll-container share-button .sb-social.networks-7.sb-center {
    white-space: initial;
    text-align: center;
    width: 360px;
  }
}

@media screen and (max-width: 400px) {
  .totalpoll-poll-container share-button .sb-social.networks-7.sb-center {
    white-space: initial;
    text-align: center;
    width: 300px;
  }
}

@media screen and (max-width: 520px) {
  .totalpoll-poll-container share-button .sb-social.networks-8.sb-center {
    white-space: initial;
    text-align: center;
    width: 420px;
  }
}

@media screen and (max-width: 460px) {
  .totalpoll-poll-container share-button .sb-social.networks-8.sb-center {
    white-space: initial;
    text-align: center;
    width: 360px;
  }
}

@media screen and (max-width: 400px) {
  .totalpoll-poll-container share-button .sb-social.networks-8.sb-center {
    white-space: initial;
    text-align: center;
    width: 300px;
  }
}