/* Floating Contacts */
.floating-contacts {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.round-float-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.round-float-btn:hover {
    transform: translateY(-5px);
}

.round-float-btn.call-btn {
    background: #3b82f6;
    animation: glow-call 1.5s infinite alternate;
}

.round-float-btn.wa-btn {
    background: #25D366;
    animation: glow-wa 1.5s infinite alternate;
    animation-delay: 0.75s; /* Offset the animations so they pulse asynchronously */
}

@keyframes glow-call {
    0% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.4); }
    100% { box-shadow: 0 0 25px rgba(59, 130, 246, 0.9), 0 0 45px rgba(59, 130, 246, 0.6); }
}

@keyframes glow-wa {
    0% { box-shadow: 0 0 10px rgba(37, 211, 102, 0.4); }
    100% { box-shadow: 0 0 25px rgba(37, 211, 102, 0.9), 0 0 45px rgba(37, 211, 102, 0.6); }
}
