.closed,.open{transition:opacity .1s ease-in-out}#chat-container{position:fixed;bottom:20px;right:20px;z-index:9999}.open{opacity:1;visibility:visible}.closed{opacity:0;visibility:hidden}#chat-bubble{display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;cursor:pointer;width:60px;height:60px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#2a27da,#0cf);box-shadow:rgba(0,77,255,.5) 0 4px 24px;transition:background .3s ease-in-out}#chat-bubble:hover{background:linear-gradient(135deg,#da2792,#0cf)}#chat-box{position:absolute;bottom:72px;right:0;width:450px;height:600px;background-color:#fff;overflow:auto;text-align:right;border-radius:20px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;border:1px solid #d2d2d2}@media (max-width:767px){#chat-box{width:calc(100% - -300px)!important}}