/* Phone & WhatsApp Link */
.newcom-user-phone-link,
.newcom-user-whatsapp-link {
  --color: #fff;
  --color-hover: #fff;
  --background-color: #0096d6;
  --background-color-hover: #27beff;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--background-color);
  color: var(--color);
  padding: 0.2rem;
  border-radius: 100%;
  box-sizing: border-box;

  &,
  * {
    font-size: 0.7rem;
    line-height: 1;
    text-decoration: none !important;
  }

  &.newcom-user-phone-link {
    --background-color: #0096d6;
    --background-color-hover: #27beff;
  }

  &.newcom-user-whatsapp-link {
    --background-color: #25d366;
    --background-color-hover: #1db153;
  }
}

.is-desktop {
  .newcom-user-phone-link,
  .newcom-user-whatsapp-link {
    &:hover {
      background-color: var(--background-color-hover);
      color: var(--color-hover);
    }
  }
}