/*
    - Name: "better-social-sharing.scss"
    - Description: "Add custom styles to Site Stats block"
*/
.block-social {
  position: relative;
  width: 100%;
  padding: 24px;
  background-color: #F8FCF2;
}

.block-social__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 575.98px) {
  .block-social__item {
    gap: 12px 0;
  }
}
.block-social h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  color: #435761;
  font-size: 1.5rem;
  line-height: 1.3em;
  letter-spacing: -0.0125rem;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

@media (min-width: 480px) {
  .block-social h2 {
    display: inline;
    justify-content: space-between;
    width: auto;
    margin-right: 24px;
  }
}
.block-social h2::after {
  content: "\e911";
  display: inline-block;
  margin-left: 6px;
  font-family: "icomoon";
  font-size: 1.5rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.block-social h2:not(.collapsed)::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.block-social h2:hover::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.block-social button {
  border: 0;
  background: none;
  color: #435761;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.block-social__buttons {
  display: flex;
  gap: 12px;
  margin: 0;
}

.block-social__buttons__button {
  display: block;
  text-decoration: none;
}

.block-social__buttons__button::before {
  font-family: "icomoon";
  font-size: 2rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #435761;
  transition: 0.25s ease-in-out;
}

.block-social .share-facebook::before {
  content: "\e906";
}

.block-social .share-x::before {
  content: "\e909";
}

.block-social .share-youtube::before {
  content: "\e904";
}

.block-social .share-email::before {
  content: "\e903";
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*# sourceMappingURL=better-social-sharing.css.map */