.component-social-list__icon-wrapper {
  color: var(--text-color);
  background-color: var(--background-color-lighter);
  border: 0.1rem solid var(--background-color-lighter);
}

@media (pointer: fine) {
  .component-social-list__icon-wrapper:hover {
  color: var(--background-color-lighter);
  background-color: var(--background-color-darken);
  transition: all 0.2s;
  }
}

.component-social-list__icon-wrapper .icon {
  width: 2rem;
  height: 2rem;
}