.social-medias {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 3px;
  column-gap: 8px;
}
.social-media,
.social-media > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.social-media {
  width: var(--icon-bg-size);
  height: var(--icon-bg-size);
  border-radius: var(--icon-bg-radius);
  overflow: hidden;
  background-color: var(--icon-bg-color);
  border: 1px solid var(--icon-bg-border-color);
}

.social-media i {
  line-height: 1;
  color: var(--icon-color);
  font-size: var(--icon-size);
}

.social-media img {
  width: var(--icon-size);
}

/* .social-media.media-bg,
.social-media.media-border {
  width: var(--icon-bg-size);
  height: var(--icon-bg-size);
  border-radius: 50%;
  overflow: hidden;
}

.social-media.media-bg {
  background-color: var(--icon-bg-color);
} */

/* .social-media.media-border {
  border: 1px solid var(--icon-color);
} */