.sticky-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex; /* Aligns buttons side-by-side */
    gap: 10px; /* Adds space between the buttons */
}

.sticky-button .button {
    background-color: #25D366; /* WhatsApp green */
    color: white;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

.sticky-button .button:hover {
    background-color: #128C7E; /* Darker green */
}
.call-button {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Specific styling for red Call button */
.call-button-red {
    background: linear-gradient(45deg, #ff4b4b, #ff1e1e); /* Red gradient */
}

.call-button-red:hover {
    background: linear-gradient(45deg, #ff1e1e, #cc0000); /* Darker red on hover */
    transform: translateY(-3px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}

/* Specific styling for green WhatsApp button */
.call-button-green {
    background: linear-gradient(45deg, #25D366, #128C7E); /* WhatsApp green gradient */
}

.call-button-green:hover {
    background: linear-gradient(45deg, #128C7E, #075E54); /* Darker green on hover */
    transform: translateY(-3px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .sticky-button {
        flex-direction: column; /* Stacks buttons */
        gap: 5px;
    }
}