.p-button-icon {
  display: inline-flex;
  align-items: center;
  text-align: right;
  gap: 0.8rem;
  text-decoration: none;
  font-size: 80%;
  line-height: 1.2;
  margin: 0.5rem 0;
}

.p-button-icon::after {
  content: "";
  font-family: 'w153c-icons';
  width: 3rem;
  height: 3rem;
  background-color: var(--v-color-2);
  color: var(--v-color-3);
  border-radius: var(--v-border-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 250%;
  transition: var(--v-transition-default);
}

.p-button-icon:hover::after {
  color: #4ac658;
}

.p-button-icon--whatsapp::after {
  content: "\e906";
}