/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/wt-components/share.scss ***!
  \********************************************************************************************************************************************************************************************/
.share {
  padding: 2.4rem 1.6rem 1.6rem;
}
@media only screen and (min-width: 768px) {
  .share {
    padding: 1.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .share {
    padding: 4.8rem 1.6rem;
  }
}
.share p {
  margin-bottom: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .share p {
    margin-bottom: 0;
  }
}
.share__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.share__socials {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.share__social-btn {
  padding: 0.4rem 1.6rem 0.4rem 1.04rem;
  margin-left: 0.8rem;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 2px;
  color: rgb(var(--white));
  background-color: rgb(var(--primary-color-selection));
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 768px) {
  .share__social-btn {
    margin-bottom: 0;
  }
}
.share__social-btn--twitter {
  background-color: rgb(var(--twitter));
}
.share__social-btn--twitter .share__social-icon {
  background-image: url(../../images/icon-twitter.svg);
}
.share__social-btn--facebook {
  background-color: rgb(var(--facebook));
}
.share__social-btn--facebook .share__social-icon {
  background-image: url(../../images/icon-facebook.svg);
}
.share__social-btn--linkedin {
  background-color: rgb(var(--linkedin));
}
.share__social-btn--linkedin .share__social-icon {
  background-image: url(../../images/icon-linkedin.svg);
}
.share__social-btn--mail {
  background-color: rgb(var(--black));
}
.share__social-btn--mail .share__social-icon {
  background-image: url(../../images/icon-mail.svg);
}
.share__social-btn--whatsapp {
  background-color: rgb(var(--whatsapp));
}
@media only screen and (min-width: 768px) {
  .share__social-btn--whatsapp {
    display: none;
  }
}
.share__social-btn--whatsapp .share__social-icon {
  background-image: url(../../images/icon-whatsapp.svg);
}
.share__social-btn:hover, .share__social-btn:visited {
  text-decoration: none;
  color: rgb(var(--white));
  background-color: rgba(var(--primary-color-selection), 0.8);
  transition: all 0.3s ease-out;
}
.share__social-icon {
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.32rem;
  top: 0;
  display: inline-block;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-color: transparent;
}