.social-links a,
.social-links a:hover {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

  .social-links a span {
    font-size: 18px;
  }

  .social-links a .social-icon {
    border-radius: .25rem;
    font-size: 22px;
    padding: .25rem .35rem;
  }

.social-links .social-icon {
  color: var(--color-primary);
  background-color: #fff;
}

.social-links a:hover .social-icon {
  color: #fff;
  background-color: var(--color-secondary);
}

.social-icon.bg-facebook {
  color: #fff;
  background-color: var(--color-facebook);
}

.social-icon.bg-twitter {
  color: #fff;
  background-color: var(--color-twitter);
}

.social-icon.bg-linkedin {
  color: #fff;
  background-color: var(--color-linked-in);
}

.social-icon.bg-youtube {
  color: #fff;
  background-color: var(--color-youtube);
}

.social-icon.bg-rss {
  color: #fff;
  background-color: #f8a42a
}

.social-links a span + span {
  margin-left: 5px;
}