#chat-toggle { display: block; }
#chat-toggle .button-round { background: #2877bd; }
#chat-toggle .button-pramoi { background: #2877bd; }
#chat-toggle .button-round:hover {background-color: #dbbcbc;}
#chat-toggle .button-pramoi:hover { background: #dbbcbc; }
#chat-container {width: 400px;}
#chat-container {height: calc(100% - 200px);}
#chat-container { box-shadow: 0px 0px 15px 9px #cccccc ; }
#chat-container, #chat-container iframe {--border-radius: 20px;}
#chat-toggle .button-round::before,#chat-toggle .button-round::after {border-color: #2877bd; }
#chat-toggle {right:40px; bottom:0;} #chat-toggle .button-round {display:none;} #chat-toggle .button-pramoi {display:flex;  --border-radius: 20px; } 
#chat-toggle  {right:0; top: calc(50% - 220px); bottom: auto; transform: rotate(-90deg); transform-origin: bottom right; }  
.visible-chat #chat-toggle .button-pramoi {display: none;}
#chat-toggle .counter {transform: rotate(90deg);  bottom: auto;  right: 8px;  left: auto;  top: 10px;}
#chat-toggle.mobile-chat .counter {transform: none;  bottom: auto;  right: auto;  left: -12px;  top: -5px; }
#chat-toggle.mobile-chat {transform: none; top:auto; bottom: 140px;}
#chat-container {height: calc(100% - 170px); bottom:90px; }