.devx-social-share__main {
  display: flex;
  gap: var(--spacing--4);
}
.devx-social-share__item {
  padding: var(--spacing--12);
}
.devx-social-share__item a {
  display: contents;
  font-size-adjust: 0;
}
.devx-social-share__item a:before {
  content: "";
  background-color: var(--blue-400);
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-flex;
  width: var(--icon-size-24);
  height: var(--icon-size-24);
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-social-share__item a:hover:before {
  background-color: var(--cyan-300);
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-social-share__item--facebook a:before {
  -webkit-mask: url("../../../assets/svg/facebook.svg") no-repeat;
          mask: url("../../../assets/svg/facebook.svg") no-repeat;
}
.devx-social-share__item--linkedin a:before {
  -webkit-mask: url("../../../assets/svg/linkedin.svg") no-repeat;
          mask: url("../../../assets/svg/linkedin.svg") no-repeat;
}
.devx-social-share__item--twitter a:before {
  -webkit-mask: url("../../../assets/svg/twitter.svg") no-repeat;
          mask: url("../../../assets/svg/twitter.svg") no-repeat;
}