.chevron-right-black {
  vertical-align: middle;
  background: url("../../../images/common/icons/chevron-right.svg") -.02em -.0125em / cover no-repeat;
  width: 1.5em;
  height: 1.2em;
  padding: 8px 4px;
  display: inline-block;
}

.chevron-up-black {
  vertical-align: middle;
  background: url("../../../images/common/icons/chevron-right.svg") -.02em -.0125em / cover no-repeat;
  width: 1.5em;
  height: 1.2em;
  padding: 8px 4px;
  display: inline-block;
  transform: rotate(270deg);
}

.chevron-down-black {
  vertical-align: middle;
  background: url("../../../images/common/icons/chevron-right.svg") -.02em -.0125em / cover no-repeat;
  width: 1.5em;
  height: 1.2em;
  padding: 8px 4px;
  display: inline-block;
  transform: rotate(90deg);
}

.icon[data-type="follow"] {
  vertical-align: middle;
  filter: brightness(80%);
  background: url("../../../images/common/icons/follow-icons.svg") 0 0 / 14.2em 1em no-repeat;
  width: 1em;
  height: 1em;
  margin-right: 6px;
  font-size: 31px;
  display: inline-block;
  transform: translateY(-1px);
  text-decoration: none !important;
}

.icon[data-type="follow-light"] {
  background: url("../../../images/common/icons/follow-icons-light.svg") 0 0 / 14.2em 1em no-repeat;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.icon[data-type="whatsapp"] {
  background: url("../../../images/common/icons/whatsapp-white.svg") 0 0 / 14.2em 1em no-repeat;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.icon[data-type="global"][data-value="share-all-warnings-close"] {
  filter: brightness(80%);
  background-position-x: 100%;
}

.icon[data-value="twitter"] {
  background-position-x: -1.2em;
}

.icon[data-value="youtube"] {
  background-position-x: -2.4em;
}

.icon[data-value="facebook"] {
  background-position-x: 0;
}

.icon[data-value="tiktok"] {
  background-position-x: -13.2em;
}

.icon[data-value="instagram"] {
  background-position-x: -3.6em;
}

.icon[data-value="linkedin"] {
  background-position-x: -6em;
}

.icon[data-value="whatsapp"] {
  background-position-x: -6.6em;
}

.icon[data-value="forecast-temperature"] {
  padding-left: 2px;
}

.icon[data-type="follow"][data-value="linkedin"] {
  background-position-x: -6em;
}

.icon[data-type="follow"][data-value="print"] {
  background-position-x: -9.6em;
}

.icon[data-type="chevron"] {
  &[data-value="left"] {
    content: url("../../../images/common/icons/chevron-right-white.svg");
    transform: scale(-1, 1);
  }
}