.linkedin,
.facebook,
.twitter,
.instagram, 
.tiktok, 
.youtube {
  width: 45px; /* original image size is 120px x 30px - if size is increased here, the position and background-size below must change by the same factor*/
  height: 45px; /* original image size is 120px x 30px - if size is increased here, the position and background-size below must change by the same factor*/
  background-image: url('../../images/icons/social-media-white.svg');
  background-size: 270px 45px; /* original image size is 120px x 30px - if size is increased here, the height and width above and position below must changed by the same factor*/
  background-position: 0 0;
  text-transform: capitalize;
  text-indent:-9999px;
  position:relative;
  display:inline-block;
  margin:var(--d-space-xxs) 0 0 0;
  padding:0;
  border-radius: 22px;
}
.twitter {
  background-position: -45px 0; /* original image size is 120px x 30px - if size is increased here, the height, width and background-size above must changed by the same factor*/
}
.facebook {
  background-position: -90px 0; /* original image size is 120px x 30px - if size is increased here, the height, width and background-size above must changed by the same factor*/
}
.instagram {
  background-position: -135px 0; /* original image size is 120px x 30px - if size is increased here, the height, width and background-size above must changed by the same factor*/
}
.tiktok {
  background-position: -180px 0; /* original image size is 120px x 30px - if size is increased here, the height, width and background-size above must changed by the same factor*/
}
.youtube {
  background-position: -225px 0; /* original image size is 120px x 30px - if size is increased here, the height, width and background-size above must changed by the same factor*/
}
.linkedin:hover,
.facebook:hover,
.twitter:hover,
.instagram:hover,
.tiktok:hover,
.youtube:hover,
.linkedin:focus,
.facebook:focus,
.twitter:focus,
.instagram:focus,
.tiktok:focus,
.youtube:focus {
  opacity:0.5;
}