/* Whatsapp */
.whatsapp-button {
	position: fixed;
	bottom: 30px;
	right: 35px;
	background-color: rgba(255, 255, 255, 0.6); /* Semi-transparent white */
	color: #25D366; /* WhatsApp green for text */
	padding: 10px 20px; /* Balanced padding for a clean look */
	border-radius: 30px; /* Fully rounded rectangle */
	font-size: 18px;
	font-weight: bold;
	text-decoration: none; /* Removes underline */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px; /* Spacing between text and icon */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	transition: background-color 0.3s, transform 0.2s;
	z-index: 1000;
	border: 2px solid #25D366; 
  }
  
  .whatsapp-button:hover {
	background-color: rgba(255, 255, 255, 0.9); /* Slightly less transparent on hover */
	transform: scale(1.1); /* Enlarge slightly on hover */
  }
  
  .whatsapp-button i {
	color: #25D366; /* WhatsApp green for the icon */
	font-size: 25px; /* Icon size */
  }
  /* Media query for mobile screens */
  @media (max-width: 768px) {
    .whatsapp-button {
        position: fixed;
        bottom: 30px;
        right: 35px;
        background-color: #25D366;
        color: white;
        padding: 10px 20px; /* Balanced padding for a clean look */
        border-radius: 50px; /* Fully rounded rectangle */
        font-size: 18px;
        text-decoration: none; /* Removes underline */
        
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Spacing between text and icon */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s, transform 0.2s;
        z-index: 1000;
      }
      .whatsapp-button:hover {
        background-color: #1DA851; /* Slightly darker green on hover */
        transform: scale(1.1); /* Enlarge slightly on hover */
      }
      .whatsapp-button i {
        font-size: 25px; /* Icon size */
        color: white;
      }

    .whatsapp-button span {
      display: none; /* Hide the text (Message us) on mobile */
    }
}