.list-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
}
.list-social__link {
  align-items: center;
  display: flex;
  color: rgb(var(--color-foreground));
}

@media (max-width: 749px) {
  .list-social {
    gap: 12px;
  }
}

@media (max-width: 575px) {
  .list-social {
    gap: 10px;
  }
}