.list-social {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}

.list-social__item {
  display: flex;
  align-items: center;
}

.list-social__item svg {
  width: 1em;
  height: 1em;
}

.list-social__link {
  align-items: center;
  display: inline-flex;
  padding: var(--spacing--sm);
  transition: 0.3s;
  opacity: 0.5;
}

.list-social__link:hover {
  opacity: 1;
}