.share-btn {
  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  direction: ltr;
  display: block;
  opacity: 1;
  text-align: center;
  z-index: 94034;
  color: #fff;
}
.share-btn.st-animated {
  -moz-transition:
    o 0.2s ease-in,
    p 0.2s ease-in,
    a 0.2s ease-in,
    c 0.2s ease-in,
    i 0.2s ease-in,
    t 0.2s ease-in,
    y 0.2s ease-in;
  -ms-transition:
    o 0.2s ease-in,
    p 0.2s ease-in,
    a 0.2s ease-in,
    c 0.2s ease-in,
    i 0.2s ease-in,
    t 0.2s ease-in,
    y 0.2s ease-in;
  -o-transition:
    o 0.2s ease-in,
    p 0.2s ease-in,
    a 0.2s ease-in,
    c 0.2s ease-in,
    i 0.2s ease-in,
    t 0.2s ease-in,
    y 0.2s ease-in;
  -webkit-transition:
    o 0.2s ease-in,
    p 0.2s ease-in,
    a 0.2s ease-in,
    c 0.2s ease-in,
    i 0.2s ease-in,
    t 0.2s ease-in,
    y 0.2s ease-in;
  transition:
    o 0.2s ease-in,
    p 0.2s ease-in,
    a 0.2s ease-in,
    c 0.2s ease-in,
    i 0.2s ease-in,
    t 0.2s ease-in,
    y 0.2s ease-in;
}
.share-btn.st-hidden {
  opacity: 0;
}

.share-btn.st-preview {
  display: none !important;
  opacity: 0 !important;
}
.share-btn.st-hide {
  display: none;
}
.share-btn a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition:
    opacity 0.2s ease-in,
    top 0.2s ease-in;
  -ms-transition:
    opacity 0.2s ease-in,
    top 0.2s ease-in;
  -o-transition:
    opacity 0.2s ease-in,
    top 0.2s ease-in;
  -webkit-transition:
    opacity 0.2s ease-in,
    top 0.2s ease-in;
  transition:
    opacity 0.2s ease-in,
    top 0.2s ease-in;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}
.share-btn a:last-child {
  margin-right: 0;
}
.share-btn a > svg {
  height: 16px;
  width: 16px;
  position: relative;
  top: 8px;
  vertical-align: top;
}
.share-btn a > img {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 8px;
  vertical-align: top;
}
.share-btn a > span {
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 60px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
}
.share-btn.st-has-labels a {
  min-width: 120px;
}
.share-btn.st-has-labels a.st-remove-label {
  min-width: 50px;
}
.share-btn.st-has-labels a.st-remove-label > span {
  display: none;
}
.share-btn.st-has-labels a.st-hide-label > span {
  display: none;
}
.share-btn .st-total {
  color: #555;
  display: inline-block;
  font-weight: 500;
  line-height: 12px;
  margin-right: 0;
  max-width: 80px;
  padding: 4px 8px;
  text-align: center;
}
.share-btn .st-total.st-hidden {
  display: none;
}
.share-btn .st-total > span {
  font-size: 16px;
  line-height: 17px;
  display: block;
  padding: 0;
}
.share-btn .st-total > span.st-shares {
  font-size: 9px;
  line-height: 9px;
}
.share-btn.st-justified {
  display: flex;
  text-align: center;
}
.share-btn.st-justified a {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.share-btn a:hover {
  opacity: 0.8;
  top: -4px;
}
.share-btn a[data-id="fb"] {
  background-color: #4267b2;
}
.share-btn a[data-id="fb"] img {
  filter:;
}
.share-btn a[data-id="fb"] > span {
  color: #fff;
}
.share-btn a[data-id="tw"] {
  background-color: #000000;
}
.share-btn a[data-id="tw"] img {
  filter:;
}
.share-btn a[data-id="tw"] > span {
  color: #fff;
}
.share-btn a[data-id="mail"] {
  background-color: #7d7d7d;
}
.share-btn a[data-id="mail"] img {
  filter:;
}
.share-btn a[data-id="mail"] > span {
  color: #fff;
}
.share-btn a[data-id="wa"] {
  background-color: #25d366;
}
.share-btn a[data-id="wa"] img {
  filter:;
}
.share-btn a[data-id="wa"] > span {
  color: #fff;
}
.share-btn a[data-id="sms"] {
  background-color: #ffbd00;
}
.share-btn a[data-id="sms"] img {
  filter:;
}
.share-btn a[data-id="sms"] > span {
  color: #fff;
}

.share-btn a[data-id="tg"] {
  background-color: #0088cc;
}
.share-btn a[data-id="tg"] img {
  filter:;
}
.share-btn a[data-id="tg"] > span {
  color: #fff;
}
.share-btn a::before {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.share-btn a[data-id="fb"]::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40"><g><path d="m21.7 16.7h5v5h-5v11.6h-5v-11.6h-5v-5h5v-2.1c0-2 0.6-4.5 1.8-5.9 1.3-1.3 2.8-2 4.7-2h3.5v5h-3.5c-0.9 0-1.5 0.6-1.5 1.5v3.5z"></path></g></svg>');
}
.share-btn a[data-id="tg"]::before {
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8" %3F><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 47 47" style="enable-background:new 0 0 47 47;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M23.5,0.6C10.8,0.6,0.6,10.8,0.6,23.5s10.3,22.9,22.9,22.9s22.9-10.3,22.9-22.9S36.2,0.6,23.5,0.6z M34.9,13.2l-4.3,21.9c0,0-0.2,1-1.4,1c-0.7,0-1-0.3-1-0.3L22.4,31l-3.9,3.9c0,0-0.2,0.1-0.4,0.1c-0.1,0-0.2,0-0.3,0l1.1-6.8l0,0l11.3-10.4c0.3-0.2,0.3-0.5,0.1-0.8h0c-0.2-0.3-0.6-0.3-0.8-0.1l-15.1,9l0,0l-5.8-1.6c0,0-1-0.3-1-1.2c0-0.7,1.1-1.1,1.1-1.1L33,12.3c0,0,0.7-0.3,1.3-0.3c0.3,0,0.7,0.1,0.7,0.6C35,12.9,34.9,13.2,34.9,13.2z"/></svg>');
}
.share-btn a[data-id="wa"]::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40"><g><path d="m25 21.7q0.3 0 2.2 1t2 1.2q0 0.1 0 0.3 0 0.8-0.4 1.7-0.3 0.9-1.6 1.5t-2.2 0.6q-1.3 0-4.3-1.4-2.2-1-3.8-2.6t-3.3-4.2q-1.6-2.3-1.6-4.3v-0.2q0.1-2 1.7-3.5 0.5-0.5 1.2-0.5 0.1 0 0.4 0t0.4 0.1q0.4 0 0.6 0.1t0.3 0.6q0.2 0.5 0.8 2t0.5 1.7q0 0.5-0.8 1.3t-0.7 1q0 0.2 0.1 0.3 0.7 1.7 2.3 3.1 1.2 1.2 3.3 2.2 0.3 0.2 0.5 0.2 0.4 0 1.2-1.1t1.2-1.1z m-4.5 11.9q2.8 0 5.4-1.1t4.5-3 3-4.5 1.1-5.4-1.1-5.5-3-4.5-4.5-2.9-5.4-1.2-5.5 1.2-4.5 2.9-2.9 4.5-1.2 5.5q0 4.5 2.7 8.2l-1.7 5.2 5.4-1.8q3.5 2.4 7.7 2.4z m0-30.9q3.4 0 6.5 1.4t5.4 3.6 3.5 5.3 1.4 6.6-1.4 6.5-3.5 5.3-5.4 3.6-6.5 1.4q-4.4 0-8.2-2.1l-9.3 3 3-9.1q-2.4-3.9-2.4-8.6 0-3.5 1.4-6.6t3.6-5.3 5.3-3.6 6.6-1.4z"></path></g></svg>');
}
.share-btn a[data-id="tw"]::before {
  content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="25" height="25" /><path d="M14.4821 11.6218L21.0389 4H19.4852L13.7919 10.6179L9.24467 4H4L10.8763 14.0074L4 22H5.55385L11.5661 15.0113L16.3683 22H21.613L14.4821 11.6218ZM6.11371 5.16972H8.50031L19.4859 20.8835H17.0993L6.11371 5.16972Z" fill="white"/></svg>');
  margin-right: 5px;
}
.share-btn a[data-id="mail"]::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40"><g><path d="m33.4 13.4v-3.4l-13.4 8.4-13.4-8.4v3.4l13.4 8.2z m0-6.8q1.3 0 2.3 1.1t0.9 2.3v20q0 1.3-0.9 2.3t-2.3 1.1h-26.8q-1.3 0-2.3-1.1t-0.9-2.3v-20q0-1.3 0.9-2.3t2.3-1.1h26.8z"></path></g></svg>');
}