.social-link {
  position: relative;
  z-index: 0;
}
.social-link::after {
  @apply bg-black;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  opacity: 0;
  z-index: -1;
  transition: all .1s ease-in-out;
}
.social-link:hover {
  @apply text-white;
}
.social-link:hover::after {
  width: 100%;
  opacity: 1;
}