.social-icon {
  @apply inline-flex items-center justify-center rounded-md no-underline;

  &,
  &:hover,
  i,
  i:before {
    @apply no-underline;
  }
}

.social-icon--4 {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.social-icon--5 {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.social-icon--6 {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}