#chat-container{position:fixed;bottom:0;right:-308px;width:360px;height:50px;background:gray;display:flex;transition:1s;z-index:1}#chat-container.open{right:0}#chat-icon{display:block;width:50px;height:50px;background-color:red}#chat-icon img{width:100%;height:100%}#chat-frame{display:block;position:relative;width:calc(100% - 54px);height:400px}#chat-container #conversation{display:block;height:100%;position:absolute;background-color:#fff;right:-4px;bottom:400px;transition:1s;border:2px solid green;border-radius:1rem 1rem 0 0}#chat-container.open #conversation{display:block}#messages{scroll-behavior:smooth}#conversation .message-cont .message{background-color:#fff;border-width:3px!important}#conversation span.title{display:block;color:#fff;background-color:#000;width:100%;text-align:center;border-radius:1rem 1rem 0 0}