.closed,.open{transition:opacity .1s ease-in-out}#chat-container{position:fixed;bottom:20px;left: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;box-shadow:rgba(0,77,255,0.5) 0 4px 24px;transition:background .3s ease-in-out;background:#f98124;background:-webkit-linear-gradient(to bottom,#339,#3c43bf);background:linear-gradient(to bottom,#fb7f1f,#f98124)}#chat-bubble:hover{background:#f98124;background:-webkit-linear-gradient(to left,#339,#3c43bf);background:linear-gradient(to left,#fb7a16,#f57c1e)}#chat-box{position:absolute;bottom:72px;left:0;width:366px;height:628px;background-color:#fff;overflow:hidden;text-align:right;border-radius:20px;box-shadow:rgba(149,157,165,0.2) 0 8px 24px;border:1px solid #d2d2d2}@media(max-width:767px){#chat-box{width:calc(100% - -300px) !important}}