.wpp-icon {
  font-size: 2em;
  position: fixed;
  bottom: 20px;  /* Adjust as needed */
  right: 20px;   /* Adjust as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #25D366; /* WhatsApp green */
  color: white;
  width: 60px;  /* Adjust as needed */
  height: 60px; /* Adjust as needed */
  border-radius: 50%; /* Makes the element round */
  text-decoration: none;
  transition: background-color 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.wpp-icon i {
  font-size: 1.5em;
  vertical-align: middle;
    padding-top: 0em !important;
}

.wpp-icon:hover,
.wpp-icon:hover i,
.wpp-icon:hover::after {
  background-color: #25D366; /* Inherit background color from default state */
  color: inherit; /* Inherit text color from default state */
  text-decoration: none; /* Remove underline */
}