.floating-buttons {
position: fixed;
bottom: 30px;
left: 30px;
display: flex;
gap: 15px;
z-index: 1000;
}
.floating-buttons a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
text-decoration: none;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
transition: transform 0.2s, box-shadow 0.2s;
animation: pulse 1.5s infinite;
}
.floating-buttons a:hover {
transform: scale(1.15);
box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.25);
}
/* Call & WhatsApp buttons: white background with parrot green border & icon color */
.call-button {
background: white;
border: 2px solid rgb(51, 51, 51);
color: rgb(146, 191, 48);
}
.whatsapp-button {
background: white;
border: 2px solid rgb(146, 191, 48);
color: rgb(146, 191, 48);
}
/* Email button: parrot green background with white icon */
.email-button {
background: #007AFF;
border: 2px solid #007AFF;
color: white;
}
/* Icon styling */
.floating-buttons i {
font-size: 24px;
}
/* Pulsating animation */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}