#chat-widget {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#chat-widget.hidden {
    transform: translateY(100%);
    opacity: 0;
}
#chat-widget.visible {
    transform: translateY(0);
    opacity: 1;
}