.sb-button,
.sb-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sb-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sb-button {
  margin: 0.3125em;
}
.sb-wrapper {
  font-size: inherit;
  cursor: pointer;
  position: relative;
  outline: 0;
  min-width: 4.125em;
  height: 2.5em;
  border: none;
  border-radius: 1px;
  padding: 0;
  line-height: 2.571em;
  background-color: transparent;
}
.sb-wrapper .sb-count,
.sb-wrapper .sb-icon,
.sb-wrapper .sb-template,
.sb-wrapper .sb-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sb-wrapper .sb-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sb-wrapper .sb-content,
.sb-wrapper .sb-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.sb-wrapper .sb-text {
  padding: 0 0.7em;
}
.sb-wrapper .sb-template,
.sb-wrapper .sb-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  white-space: nowrap;
}
.sb-wrapper .sb-icon {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  min-width: 2em;
}
.sb-wrapper .sb-count {
  font-size: 0.9em;
  padding: 0 0.7em;
}
.sb-show-template .sb-icon,
.sb-show-text .sb-icon {
  width: 2em;
}
.sb-show-template .sb-template {
  padding: 0 0.7em;
}
.sb-show-template .sb-count,
.sb-show-template .sb-template {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sb-show-template.sb-show-icon .sb-template {
  padding-left: 0 1em;
}
.sb-show-count {
  min-width: 5.333em;
}
.sb-whatsapp .fa.fa-whatsapp {
  font-size: 1.1em;
}
.sb-telegram .fa.fa-send {
  margin-left: -2px;
}
.sb-more .fa.fa-ellipsis-h,
.sb-more .fa.fa-minus {
  margin-top: 2px;
}

/* Circles Theme for social media icons */
.sb-circles.sb-group {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sb-circles .sb-wrapper {
  color: #fff;
  background: transparent;
  min-width: unset;
  height: unset;
}
.sb-circles .sb-wrapper.sb-facebook .sb-icon,
.sb-circles .sb-wrapper.sb-facebook .sb-template,
.sb-circles .sb-wrapper.sb-facebook .sb-text {
  background-color: #4267b2;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #4267b2 30%,
    #3b5c9f 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(66, 103, 178, 0.25),
    0 2px 2px 0 rgba(66, 103, 178, 0.19), 0 1px 5px 0 rgba(66, 103, 178, 0.17);
  box-shadow: 0 3px 1px -2px rgba(66, 103, 178, 0.25),
    0 2px 2px 0 rgba(66, 103, 178, 0.19), 0 1px 5px 0 rgba(66, 103, 178, 0.17);
}
.sb-circles .sb-wrapper.sb-facebook .sb-icon:hover,
.sb-circles .sb-wrapper.sb-facebook .sb-template:hover,
.sb-circles .sb-wrapper.sb-facebook .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(66, 103, 178, 0.32),
    0 3px 3px 0 rgba(66, 103, 178, 0.214), 0 2px 6px 0 rgba(66, 103, 178, 0.212);
  box-shadow: 0 4px 2px -2px rgba(66, 103, 178, 0.32),
    0 3px 3px 0 rgba(66, 103, 178, 0.214), 0 2px 6px 0 rgba(66, 103, 178, 0.212);
}
.sb-circles .sb-wrapper.sb-facebook .sb-icon:active,
.sb-circles .sb-wrapper.sb-facebook .sb-template:active,
.sb-circles .sb-wrapper.sb-facebook .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(66, 103, 178, 0.32),
    0 8px 10px 1px rgba(66, 103, 178, 0.214),
    0 3px 14px 2px rgba(66, 103, 178, 0.212);
  box-shadow: 0 5px 5px -3px rgba(66, 103, 178, 0.32),
    0 8px 10px 1px rgba(66, 103, 178, 0.214),
    0 3px 14px 2px rgba(66, 103, 178, 0.212);
}
.sb-circles .sb-wrapper.sb-twitter .sb-icon,
.sb-circles .sb-wrapper.sb-twitter .sb-template,
.sb-circles .sb-wrapper.sb-twitter .sb-text {
  background-color: #00acee;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #00acee 30%,
    #009ad5 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 172, 238, 0.25),
    0 2px 2px 0 rgba(0, 172, 238, 0.19), 0 1px 5px 0 rgba(0, 172, 238, 0.17);
  box-shadow: 0 3px 1px -2px rgba(0, 172, 238, 0.25),
    0 2px 2px 0 rgba(0, 172, 238, 0.19), 0 1px 5px 0 rgba(0, 172, 238, 0.17);
}
.sb-circles .sb-wrapper.sb-twitter .sb-icon:hover,
.sb-circles .sb-wrapper.sb-twitter .sb-template:hover,
.sb-circles .sb-wrapper.sb-twitter .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 172, 238, 0.32),
    0 3px 3px 0 rgba(0, 172, 238, 0.214), 0 2px 6px 0 rgba(0, 172, 238, 0.212);
  box-shadow: 0 4px 2px -2px rgba(0, 172, 238, 0.32),
    0 3px 3px 0 rgba(0, 172, 238, 0.214), 0 2px 6px 0 rgba(0, 172, 238, 0.212);
}
.sb-circles .sb-wrapper.sb-twitter .sb-icon:active,
.sb-circles .sb-wrapper.sb-twitter .sb-template:active,
.sb-circles .sb-wrapper.sb-twitter .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 172, 238, 0.32),
    0 8px 10px 1px rgba(0, 172, 238, 0.214),
    0 3px 14px 2px rgba(0, 172, 238, 0.212);
  box-shadow: 0 5px 5px -3px rgba(0, 172, 238, 0.32),
    0 8px 10px 1px rgba(0, 172, 238, 0.214),
    0 3px 14px 2px rgba(0, 172, 238, 0.212);
}
.sb-circles .sb-wrapper.sb-google .sb-icon,
.sb-circles .sb-wrapper.sb-google .sb-template,
.sb-circles .sb-wrapper.sb-google .sb-text {
  background-color: #db4437;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #db4437 30%,
    #d33426 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(219, 68, 55, 0.25),
    0 2px 2px 0 rgba(219, 68, 55, 0.19), 0 1px 5px 0 rgba(219, 68, 55, 0.17);
  box-shadow: 0 3px 1px -2px rgba(219, 68, 55, 0.25),
    0 2px 2px 0 rgba(219, 68, 55, 0.19), 0 1px 5px 0 rgba(219, 68, 55, 0.17);
}
.sb-circles .sb-wrapper.sb-google .sb-icon:hover,
.sb-circles .sb-wrapper.sb-google .sb-template:hover,
.sb-circles .sb-wrapper.sb-google .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(219, 68, 55, 0.32),
    0 3px 3px 0 rgba(219, 68, 55, 0.214), 0 2px 6px 0 rgba(219, 68, 55, 0.212);
  box-shadow: 0 4px 2px -2px rgba(219, 68, 55, 0.32),
    0 3px 3px 0 rgba(219, 68, 55, 0.214), 0 2px 6px 0 rgba(219, 68, 55, 0.212);
}
.sb-circles .sb-wrapper.sb-google .sb-icon:active,
.sb-circles .sb-wrapper.sb-google .sb-template:active,
.sb-circles .sb-wrapper.sb-google .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(219, 68, 55, 0.32),
    0 8px 10px 1px rgba(219, 68, 55, 0.214),
    0 3px 14px 2px rgba(219, 68, 55, 0.212);
  box-shadow: 0 5px 5px -3px rgba(219, 68, 55, 0.32),
    0 8px 10px 1px rgba(219, 68, 55, 0.214),
    0 3px 14px 2px rgba(219, 68, 55, 0.212);
}
.sb-circles .sb-wrapper.sb-stumble .sb-icon,
.sb-circles .sb-wrapper.sb-stumble .sb-template,
.sb-circles .sb-wrapper.sb-stumble .sb-text {
  background-color: #eb4924;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #eb4924 30%,
    #e13b15 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(235, 73, 36, 0.25),
    0 2px 2px 0 rgba(235, 73, 36, 0.19), 0 1px 5px 0 rgba(235, 73, 36, 0.17);
  box-shadow: 0 3px 1px -2px rgba(235, 73, 36, 0.25),
    0 2px 2px 0 rgba(235, 73, 36, 0.19), 0 1px 5px 0 rgba(235, 73, 36, 0.17);
}
.sb-circles .sb-wrapper.sb-stumble .sb-icon:hover,
.sb-circles .sb-wrapper.sb-stumble .sb-template:hover,
.sb-circles .sb-wrapper.sb-stumble .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(235, 73, 36, 0.32),
    0 3px 3px 0 rgba(235, 73, 36, 0.214), 0 2px 6px 0 rgba(235, 73, 36, 0.212);
  box-shadow: 0 4px 2px -2px rgba(235, 73, 36, 0.32),
    0 3px 3px 0 rgba(235, 73, 36, 0.214), 0 2px 6px 0 rgba(235, 73, 36, 0.212);
}
.sb-circles .sb-wrapper.sb-stumble .sb-icon:active,
.sb-circles .sb-wrapper.sb-stumble .sb-template:active,
.sb-circles .sb-wrapper.sb-stumble .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(235, 73, 36, 0.32),
    0 8px 10px 1px rgba(235, 73, 36, 0.214),
    0 3px 14px 2px rgba(235, 73, 36, 0.212);
  box-shadow: 0 5px 5px -3px rgba(235, 73, 36, 0.32),
    0 8px 10px 1px rgba(235, 73, 36, 0.214),
    0 3px 14px 2px rgba(235, 73, 36, 0.212);
}
.sb-circles .sb-wrapper.sb-linkedin .sb-icon,
.sb-circles .sb-wrapper.sb-linkedin .sb-template,
.sb-circles .sb-wrapper.sb-linkedin .sb-text {
  background-color: #006fa6;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #006fa6 30%,
    #005e8d 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 111, 166, 0.25),
    0 2px 2px 0 rgba(0, 111, 166, 0.19), 0 1px 5px 0 rgba(0, 111, 166, 0.17);
  box-shadow: 0 3px 1px -2px rgba(0, 111, 166, 0.25),
    0 2px 2px 0 rgba(0, 111, 166, 0.19), 0 1px 5px 0 rgba(0, 111, 166, 0.17);
}
.sb-circles .sb-wrapper.sb-linkedin .sb-icon:hover,
.sb-circles .sb-wrapper.sb-linkedin .sb-template:hover,
.sb-circles .sb-wrapper.sb-linkedin .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 111, 166, 0.32),
    0 3px 3px 0 rgba(0, 111, 166, 0.214), 0 2px 6px 0 rgba(0, 111, 166, 0.212);
  box-shadow: 0 4px 2px -2px rgba(0, 111, 166, 0.32),
    0 3px 3px 0 rgba(0, 111, 166, 0.214), 0 2px 6px 0 rgba(0, 111, 166, 0.212);
}
.sb-circles .sb-wrapper.sb-linkedin .sb-icon:active,
.sb-circles .sb-wrapper.sb-linkedin .sb-template:active,
.sb-circles .sb-wrapper.sb-linkedin .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 111, 166, 0.32),
    0 8px 10px 1px rgba(0, 111, 166, 0.214),
    0 3px 14px 2px rgba(0, 111, 166, 0.212);
  box-shadow: 0 5px 5px -3px rgba(0, 111, 166, 0.32),
    0 8px 10px 1px rgba(0, 111, 166, 0.214),
    0 3px 14px 2px rgba(0, 111, 166, 0.212);
}
.sb-circles .sb-wrapper.sb-pinterest .sb-icon,
.sb-circles .sb-wrapper.sb-pinterest .sb-template,
.sb-circles .sb-wrapper.sb-pinterest .sb-text {
  background-color: #bd081c;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #bd081c 30%,
    #a50718 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(189, 8, 28, 0.25),
    0 2px 2px 0 rgba(189, 8, 28, 0.19), 0 1px 5px 0 rgba(189, 8, 28, 0.17);
  box-shadow: 0 3px 1px -2px rgba(189, 8, 28, 0.25),
    0 2px 2px 0 rgba(189, 8, 28, 0.19), 0 1px 5px 0 rgba(189, 8, 28, 0.17);
}
.sb-circles .sb-wrapper.sb-pinterest .sb-icon:hover,
.sb-circles .sb-wrapper.sb-pinterest .sb-template:hover,
.sb-circles .sb-wrapper.sb-pinterest .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(189, 8, 28, 0.32),
    0 3px 3px 0 rgba(189, 8, 28, 0.214), 0 2px 6px 0 rgba(189, 8, 28, 0.212);
  box-shadow: 0 4px 2px -2px rgba(189, 8, 28, 0.32),
    0 3px 3px 0 rgba(189, 8, 28, 0.214), 0 2px 6px 0 rgba(189, 8, 28, 0.212);
}
.sb-circles .sb-wrapper.sb-pinterest .sb-icon:active,
.sb-circles .sb-wrapper.sb-pinterest .sb-template:active,
.sb-circles .sb-wrapper.sb-pinterest .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(189, 8, 28, 0.32),
    0 8px 10px 1px rgba(189, 8, 28, 0.214),
    0 3px 14px 2px rgba(189, 8, 28, 0.212);
  box-shadow: 0 5px 5px -3px rgba(189, 8, 28, 0.32),
    0 8px 10px 1px rgba(189, 8, 28, 0.214),
    0 3px 14px 2px rgba(189, 8, 28, 0.212);
}
.sb-circles .sb-wrapper.sb-reddit .sb-icon,
.sb-circles .sb-wrapper.sb-reddit .sb-template,
.sb-circles .sb-wrapper.sb-reddit .sb-text {
  background-color: #ff4006;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #ff4006 30%,
    #ec3700 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(255, 64, 6, 0.25),
    0 2px 2px 0 rgba(255, 64, 6, 0.19), 0 1px 5px 0 rgba(255, 64, 6, 0.17);
  box-shadow: 0 3px 1px -2px rgba(255, 64, 6, 0.25),
    0 2px 2px 0 rgba(255, 64, 6, 0.19), 0 1px 5px 0 rgba(255, 64, 6, 0.17);
}
.sb-circles .sb-wrapper.sb-reddit .sb-icon:hover,
.sb-circles .sb-wrapper.sb-reddit .sb-template:hover,
.sb-circles .sb-wrapper.sb-reddit .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(255, 64, 6, 0.32),
    0 3px 3px 0 rgba(255, 64, 6, 0.214), 0 2px 6px 0 rgba(255, 64, 6, 0.212);
  box-shadow: 0 4px 2px -2px rgba(255, 64, 6, 0.32),
    0 3px 3px 0 rgba(255, 64, 6, 0.214), 0 2px 6px 0 rgba(255, 64, 6, 0.212);
}
.sb-circles .sb-wrapper.sb-reddit .sb-icon:active,
.sb-circles .sb-wrapper.sb-reddit .sb-template:active,
.sb-circles .sb-wrapper.sb-reddit .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(255, 64, 6, 0.32),
    0 8px 10px 1px rgba(255, 64, 6, 0.214),
    0 3px 14px 2px rgba(255, 64, 6, 0.212);
  box-shadow: 0 5px 5px -3px rgba(255, 64, 6, 0.32),
    0 8px 10px 1px rgba(255, 64, 6, 0.214),
    0 3px 14px 2px rgba(255, 64, 6, 0.212);
}
.sb-circles .sb-wrapper.sb-tumblr .sb-icon,
.sb-circles .sb-wrapper.sb-tumblr .sb-template,
.sb-circles .sb-wrapper.sb-tumblr .sb-text {
  background-color: #36465d;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #36465d 30%,
    #2d3a4d 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(54, 70, 93, 0.25),
    0 2px 2px 0 rgba(54, 70, 93, 0.19), 0 1px 5px 0 rgba(54, 70, 93, 0.17);
  box-shadow: 0 3px 1px -2px rgba(54, 70, 93, 0.25),
    0 2px 2px 0 rgba(54, 70, 93, 0.19), 0 1px 5px 0 rgba(54, 70, 93, 0.17);
}
.sb-circles .sb-wrapper.sb-tumblr .sb-icon:hover,
.sb-circles .sb-wrapper.sb-tumblr .sb-template:hover,
.sb-circles .sb-wrapper.sb-tumblr .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(54, 70, 93, 0.32),
    0 3px 3px 0 rgba(54, 70, 93, 0.214), 0 2px 6px 0 rgba(54, 70, 93, 0.212);
  box-shadow: 0 4px 2px -2px rgba(54, 70, 93, 0.32),
    0 3px 3px 0 rgba(54, 70, 93, 0.214), 0 2px 6px 0 rgba(54, 70, 93, 0.212);
}
.sb-circles .sb-wrapper.sb-tumblr .sb-icon:active,
.sb-circles .sb-wrapper.sb-tumblr .sb-template:active,
.sb-circles .sb-wrapper.sb-tumblr .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(54, 70, 93, 0.32),
    0 8px 10px 1px rgba(54, 70, 93, 0.214),
    0 3px 14px 2px rgba(54, 70, 93, 0.212);
  box-shadow: 0 5px 5px -3px rgba(54, 70, 93, 0.32),
    0 8px 10px 1px rgba(54, 70, 93, 0.214),
    0 3px 14px 2px rgba(54, 70, 93, 0.212);
}
.sb-circles .sb-wrapper.sb-whatsapp .sb-icon,
.sb-circles .sb-wrapper.sb-whatsapp .sb-template,
.sb-circles .sb-wrapper.sb-whatsapp .sb-text {
  background-color: #25d366;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #25d366 30%,
    #21bd5c 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(37, 211, 102, 0.25),
    0 2px 2px 0 rgba(37, 211, 102, 0.19), 0 1px 5px 0 rgba(37, 211, 102, 0.17);
  box-shadow: 0 3px 1px -2px rgba(37, 211, 102, 0.25),
    0 2px 2px 0 rgba(37, 211, 102, 0.19), 0 1px 5px 0 rgba(37, 211, 102, 0.17);
}
.sb-circles .sb-wrapper.sb-whatsapp .sb-icon:hover,
.sb-circles .sb-wrapper.sb-whatsapp .sb-template:hover,
.sb-circles .sb-wrapper.sb-whatsapp .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(37, 211, 102, 0.32),
    0 3px 3px 0 rgba(37, 211, 102, 0.214), 0 2px 6px 0 rgba(37, 211, 102, 0.212);
  box-shadow: 0 4px 2px -2px rgba(37, 211, 102, 0.32),
    0 3px 3px 0 rgba(37, 211, 102, 0.214), 0 2px 6px 0 rgba(37, 211, 102, 0.212);
}
.sb-circles .sb-wrapper.sb-whatsapp .sb-icon:active,
.sb-circles .sb-wrapper.sb-whatsapp .sb-template:active,
.sb-circles .sb-wrapper.sb-whatsapp .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(37, 211, 102, 0.32),
    0 8px 10px 1px rgba(37, 211, 102, 0.214),
    0 3px 14px 2px rgba(37, 211, 102, 0.212);
  box-shadow: 0 5px 5px -3px rgba(37, 211, 102, 0.32),
    0 8px 10px 1px rgba(37, 211, 102, 0.214),
    0 3px 14px 2px rgba(37, 211, 102, 0.212);
}
.sb-circles .sb-wrapper.sb-telegram .sb-icon,
.sb-circles .sb-wrapper.sb-telegram .sb-template,
.sb-circles .sb-wrapper.sb-telegram .sb-text {
  background-color: #08c;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #08c 30%,
    #0077b3 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 136, 204, 0.25),
    0 2px 2px 0 rgba(0, 136, 204, 0.19), 0 1px 5px 0 rgba(0, 136, 204, 0.17);
  box-shadow: 0 3px 1px -2px rgba(0, 136, 204, 0.25),
    0 2px 2px 0 rgba(0, 136, 204, 0.19), 0 1px 5px 0 rgba(0, 136, 204, 0.17);
}
.sb-circles .sb-wrapper.sb-telegram .sb-icon:hover,
.sb-circles .sb-wrapper.sb-telegram .sb-template:hover,
.sb-circles .sb-wrapper.sb-telegram .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 136, 204, 0.32),
    0 3px 3px 0 rgba(0, 136, 204, 0.214), 0 2px 6px 0 rgba(0, 136, 204, 0.212);
  box-shadow: 0 4px 2px -2px rgba(0, 136, 204, 0.32),
    0 3px 3px 0 rgba(0, 136, 204, 0.214), 0 2px 6px 0 rgba(0, 136, 204, 0.212);
}
.sb-circles .sb-wrapper.sb-telegram .sb-icon:active,
.sb-circles .sb-wrapper.sb-telegram .sb-template:active,
.sb-circles .sb-wrapper.sb-telegram .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 136, 204, 0.32),
    0 8px 10px 1px rgba(0, 136, 204, 0.214),
    0 3px 14px 2px rgba(0, 136, 204, 0.212);
  box-shadow: 0 5px 5px -3px rgba(0, 136, 204, 0.32),
    0 8px 10px 1px rgba(0, 136, 204, 0.214),
    0 3px 14px 2px rgba(0, 136, 204, 0.212);
}
.sb-circles .sb-wrapper.sb-email .sb-icon,
.sb-circles .sb-wrapper.sb-email .sb-template,
.sb-circles .sb-wrapper.sb-email .sb-text {
  background-color: #ff961c;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #ff961c 30%,
    #ff8a03 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(255, 150, 28, 0.25),
    0 2px 2px 0 rgba(255, 150, 28, 0.19), 0 1px 5px 0 rgba(255, 150, 28, 0.17);
  box-shadow: 0 3px 1px -2px rgba(255, 150, 28, 0.25),
    0 2px 2px 0 rgba(255, 150, 28, 0.19), 0 1px 5px 0 rgba(255, 150, 28, 0.17);
}
.sb-circles .sb-wrapper.sb-email .sb-icon:hover,
.sb-circles .sb-wrapper.sb-email .sb-template:hover,
.sb-circles .sb-wrapper.sb-email .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(255, 150, 28, 0.32),
    0 3px 3px 0 rgba(255, 150, 28, 0.214), 0 2px 6px 0 rgba(255, 150, 28, 0.212);
  box-shadow: 0 4px 2px -2px rgba(255, 150, 28, 0.32),
    0 3px 3px 0 rgba(255, 150, 28, 0.214), 0 2px 6px 0 rgba(255, 150, 28, 0.212);
}
.sb-circles .sb-wrapper.sb-email .sb-icon:active,
.sb-circles .sb-wrapper.sb-email .sb-template:active,
.sb-circles .sb-wrapper.sb-email .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(255, 150, 28, 0.32),
    0 8px 10px 1px rgba(255, 150, 28, 0.214),
    0 3px 14px 2px rgba(255, 150, 28, 0.212);
  box-shadow: 0 5px 5px -3px rgba(255, 150, 28, 0.32),
    0 8px 10px 1px rgba(255, 150, 28, 0.214),
    0 3px 14px 2px rgba(255, 150, 28, 0.212);
}
.sb-circles .sb-wrapper.sb-vk .sb-icon,
.sb-circles .sb-wrapper.sb-vk .sb-template,
.sb-circles .sb-wrapper.sb-vk .sb-text {
  background-color: #4c75a3;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #4c75a3 30%,
    #446992 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(76, 117, 163, 0.25),
    0 2px 2px 0 rgba(76, 117, 163, 0.19), 0 1px 5px 0 rgba(76, 117, 163, 0.17);
  box-shadow: 0 3px 1px -2px rgba(76, 117, 163, 0.25),
    0 2px 2px 0 rgba(76, 117, 163, 0.19), 0 1px 5px 0 rgba(76, 117, 163, 0.17);
}
.sb-circles .sb-wrapper.sb-vk .sb-icon:hover,
.sb-circles .sb-wrapper.sb-vk .sb-template:hover,
.sb-circles .sb-wrapper.sb-vk .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(76, 117, 163, 0.32),
    0 3px 3px 0 rgba(76, 117, 163, 0.214), 0 2px 6px 0 rgba(76, 117, 163, 0.212);
  box-shadow: 0 4px 2px -2px rgba(76, 117, 163, 0.32),
    0 3px 3px 0 rgba(76, 117, 163, 0.214), 0 2px 6px 0 rgba(76, 117, 163, 0.212);
}
.sb-circles .sb-wrapper.sb-vk .sb-icon:active,
.sb-circles .sb-wrapper.sb-vk .sb-template:active,
.sb-circles .sb-wrapper.sb-vk .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(76, 117, 163, 0.32),
    0 8px 10px 1px rgba(76, 117, 163, 0.214),
    0 3px 14px 2px rgba(76, 117, 163, 0.212);
  box-shadow: 0 5px 5px -3px rgba(76, 117, 163, 0.32),
    0 8px 10px 1px rgba(76, 117, 163, 0.214),
    0 3px 14px 2px rgba(76, 117, 163, 0.212);
}
.sb-circles .sb-wrapper.sb-more .sb-icon,
.sb-circles .sb-wrapper.sb-more .sb-template,
.sb-circles .sb-wrapper.sb-more .sb-text {
  background-color: #614696;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #614696 30%,
    #563e85 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(97, 70, 150, 0.25),
    0 2px 2px 0 rgba(97, 70, 150, 0.19), 0 1px 5px 0 rgba(97, 70, 150, 0.17);
  box-shadow: 0 3px 1px -2px rgba(97, 70, 150, 0.25),
    0 2px 2px 0 rgba(97, 70, 150, 0.19), 0 1px 5px 0 rgba(97, 70, 150, 0.17);
}
.sb-circles .sb-wrapper.sb-more .sb-icon:hover,
.sb-circles .sb-wrapper.sb-more .sb-template:hover,
.sb-circles .sb-wrapper.sb-more .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(97, 70, 150, 0.32),
    0 3px 3px 0 rgba(97, 70, 150, 0.214), 0 2px 6px 0 rgba(97, 70, 150, 0.212);
  box-shadow: 0 4px 2px -2px rgba(97, 70, 150, 0.32),
    0 3px 3px 0 rgba(97, 70, 150, 0.214), 0 2px 6px 0 rgba(97, 70, 150, 0.212);
}
.sb-circles .sb-wrapper.sb-more .sb-icon:active,
.sb-circles .sb-wrapper.sb-more .sb-template:active,
.sb-circles .sb-wrapper.sb-more .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(97, 70, 150, 0.32),
    0 8px 10px 1px rgba(97, 70, 150, 0.214),
    0 3px 14px 2px rgba(97, 70, 150, 0.212);
  box-shadow: 0 5px 5px -3px rgba(97, 70, 150, 0.32),
    0 8px 10px 1px rgba(97, 70, 150, 0.214),
    0 3px 14px 2px rgba(97, 70, 150, 0.212);
}
.sb-circles .sb-wrapper.sb-copy .sb-icon,
.sb-circles .sb-wrapper.sb-copy .sb-template,
.sb-circles .sb-wrapper.sb-copy .sb-text {
  background-color: #607d8b;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #607d8b 30%,
    #566f7c 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(96, 125, 139, 0.25),
    0 2px 2px 0 rgba(96, 125, 139, 0.19), 0 1px 5px 0 rgba(96, 125, 139, 0.17);
  box-shadow: 0 3px 1px -2px rgba(96, 125, 139, 0.25),
    0 2px 2px 0 rgba(96, 125, 139, 0.19), 0 1px 5px 0 rgba(96, 125, 139, 0.17);
}
.sb-circles .sb-wrapper.sb-copy .sb-icon:hover,
.sb-circles .sb-wrapper.sb-copy .sb-template:hover,
.sb-circles .sb-wrapper.sb-copy .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(96, 125, 139, 0.32),
    0 3px 3px 0 rgba(96, 125, 139, 0.214), 0 2px 6px 0 rgba(96, 125, 139, 0.212);
  box-shadow: 0 4px 2px -2px rgba(96, 125, 139, 0.32),
    0 3px 3px 0 rgba(96, 125, 139, 0.214), 0 2px 6px 0 rgba(96, 125, 139, 0.212);
}
.sb-circles .sb-wrapper.sb-copy .sb-icon:active,
.sb-circles .sb-wrapper.sb-copy .sb-template:active,
.sb-circles .sb-wrapper.sb-copy .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(96, 125, 139, 0.32),
    0 8px 10px 1px rgba(96, 125, 139, 0.214),
    0 3px 14px 2px rgba(96, 125, 139, 0.212);
  box-shadow: 0 5px 5px -3px rgba(96, 125, 139, 0.32),
    0 8px 10px 1px rgba(96, 125, 139, 0.214),
    0 3px 14px 2px rgba(96, 125, 139, 0.212);
}
.sb-circles .sb-wrapper.sb-print .sb-icon,
.sb-circles .sb-wrapper.sb-print .sb-template,
.sb-circles .sb-wrapper.sb-print .sb-text {
  background-color: #32a1a3;
  background: radial-gradient(
    ellipse farthest-corner at center,
    #32a1a3 30%,
    #2c8e8f 100%
  );
  -webkit-box-shadow: 0 3px 1px -2px rgba(50, 161, 163, 0.25),
    0 2px 2px 0 rgba(50, 161, 163, 0.19), 0 1px 5px 0 rgba(50, 161, 163, 0.17);
  box-shadow: 0 3px 1px -2px rgba(50, 161, 163, 0.25),
    0 2px 2px 0 rgba(50, 161, 163, 0.19), 0 1px 5px 0 rgba(50, 161, 163, 0.17);
}
.sb-circles .sb-wrapper.sb-print .sb-icon:hover,
.sb-circles .sb-wrapper.sb-print .sb-template:hover,
.sb-circles .sb-wrapper.sb-print .sb-text:hover {
  -webkit-box-shadow: 0 4px 2px -2px rgba(50, 161, 163, 0.32),
    0 3px 3px 0 rgba(50, 161, 163, 0.214), 0 2px 6px 0 rgba(50, 161, 163, 0.212);
  box-shadow: 0 4px 2px -2px rgba(50, 161, 163, 0.32),
    0 3px 3px 0 rgba(50, 161, 163, 0.214), 0 2px 6px 0 rgba(50, 161, 163, 0.212);
}
.sb-circles .sb-wrapper.sb-print .sb-icon:active,
.sb-circles .sb-wrapper.sb-print .sb-template:active,
.sb-circles .sb-wrapper.sb-print .sb-text:active {
  -webkit-box-shadow: 0 5px 5px -3px rgba(50, 161, 163, 0.32),
    0 8px 10px 1px rgba(50, 161, 163, 0.214),
    0 3px 14px 2px rgba(50, 161, 163, 0.212);
  box-shadow: 0 5px 5px -3px rgba(50, 161, 163, 0.32),
    0 8px 10px 1px rgba(50, 161, 163, 0.214),
    0 3px 14px 2px rgba(50, 161, 163, 0.212);
}
.sb-circles .sb-wrapper .sb-icon {
  font-size: 1.4em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sb-circles .sb-wrapper .sb-template,
.sb-circles .sb-wrapper .sb-text {
  font-size: 0.8em;
  margin-top: 5px;
  border-radius: 1em;
  width: 100%;
  height: 1.8em;
  line-height: 1.8em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sb-circles .sb-wrapper .sb-template {
  display: none;
}
.sb-circles .sb-wrapper .sb-icon,
.sb-circles .sb-wrapper .sb-template,
.sb-circles .sb-wrapper .sb-text {
  -webkit-transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.sb-circles .sb-wrapper.sb-show-text {
  width: 4.8em;
}
.sb-circles .sb-wrapper .sb-content,
.sb-circles .sb-wrapper .sb-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sb-circles .sb-wrapper.sb-show-count {
  margin-bottom: 3em;
}
.sb-circles .sb-wrapper .sb-count {
  top: 100%;
  width: 100%;
  height: 1.8em;
  color: #727272;
  position: absolute;
  background: #fff;
  border-radius: 0.4em;
  margin-top: 1em;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sb-circles .sb-wrapper .sb-count:before {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
  height: 10px;
  width: 10px;
  display: block;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 1px -1px 1px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px -1px 1px -1px rgba(0, 0, 0, 0.3);
  margin: auto;
}
.sb-circles .sb-wrapper .sb-count span {
  z-index: 1;
}