.home__social {
  display: flex;
  justify-content: center;
  gap: 2.5em;
  margin: 2rem auto; 
}

/* <a> Element. Actual link on this. */
.home__social__link {
}

/* <img> within home__social__link. */
.social-icon {
  filter: brightness(0.5);
  height: 1.5rem;
  transition: filter var(--hover-transition-duration);
}
.social-icon.x-logo {
  height: 1.3rem;
  padding-top:0.1em;
}

/* Hover state on each icon */
.home__social__link:hover .social-icon {
  filter: brightness(0.2);
}