/* 
<div id="chatbot-button" style="position: fixed; bottom: 20px; right: 20px; background-color: #ffffffc1; color: rgb(0, 0, 0); border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); cursor: pointer;">
    <img src="templates/styles/imgs/travel chb.png" alt="Chatbot Icon" style="width: 40px;">
</div>
*/

#chatbot-button.shake {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    20%, 60% {
        transform: translateX(-10px);
    }
    40%, 80% {
        transform: translateX(10px);
    }
}