.pp-widgets-social-icons {
  --social-icons__size: 1.8rem;
  --social-icons__gap: 0.6rem;

  display: flex;
  align-items: center;
  gap: var(--social-icons__gap);
}

.pp-widgets-social-icons__link {
  display: flex;
  align-items: center;
  justify-content: center;

  width: var(--social-icons__size);
  height: var(--social-icons__size);
  border-radius: 50%;

  background-color: var(--v-color__white--alpha1);
  text-decoration: none;
  font-size: 90%;

  transition: var(--v-transition__default);
}

.pp-widgets-social-icons__link:hover {
  background-color: var(--v-color__2);
  color: var(--v-color__1);
}