.social-media-links .social-icon::before {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: 1em;
  vertical-align: -0.125em;
  width: 1em;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.social-media-links .social-icon.instagram::before {
  -webkit-mask-image: url("../images/icons/instagram-brands.svg");
  mask-image: url("../images/icons/instagram-brands.svg");
}

.social-media-links .social-icon.linkedin::before {
  -webkit-mask-image: url("../images/icons/linkedin-custom.svg");
  mask-image: url("../images/icons/linkedin-custom.svg");
}

.social-media-links .social-icon.twitter::before {
  -webkit-mask-image: url("../images/icons/x-custom.svg");
  mask-image: url("../images/icons/x-custom.svg");
}

.social-media-links .social-icon.facebook::before {
  -webkit-mask-image: url("../images/icons/facebook-custom.svg");
  mask-image: url("../images/icons/facebook-custom.svg");
}