.social-icons {
  justify-content: space-between;
  display: flex;
}

.social-icons .iconic-button path {
  transition: var(--transition-duration);
}

.social-icons .iconic-button {
  --size: 2.4rem;
  --padding: 1rem;
  &:hover path {
    fill: var(--color-primary);
  }
}