.list-social {
  display: flex;
  gap: var(--space-8);
  flex-wrap: wrap;
  margin-top: var(--space-4);
}

.list-social__item .icon {
  height: var(--space-8);
  width: var(--space-8);
}

.list-social__link {
  align-items: center;
  display: flex;
  color: rgb(var(--color-foreground));
  transition: color var(--duration-default) ease-in-out;
}

.list-social__link:hover {
  color: var(--color-black-700);
}