.list-social {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  text-align: center;
}

.list-social__item .icon {
  height: 2.4rem;
  width: 2.4rem;
  vertical-align: middle;
}

.list-social__link {
  padding: 1rem 0;
  color: rgb(var(--color-foreground));
  line-height: 1;
}

.list-social__link:hover .icon {
  transform: scale(1.07);
}
@media screen and (min-width: 768px) {
  .list-social {
    text-align: left;
  }
}