.social-icons a {
  display: inline-flex;
  transition: all 0.3s ease;
  color: #fff;
}

.social-icons a i {
  transition: all 0.3s ease;
  color: inherit !important;
}

.social-icons a:hover {
  color: var(--color-primary) !important;
}