#chat-widget-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
}
#chat-widget-initial {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.chat-widget-initial-text-container {
background-color: #f0f0f0; color: #333; padding: 0 15px;
border-radius: 5px;
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 70px; 
height: 40px; 
line-height: 40px; }
.chat-widget-button {
background-color: #007bff; color: white;
border: none;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
font-size: 24px;
}
.chat-widget-button:hover {
transform: scale(1.05);
}
#chat-widget-expanded {
align-items: flex-end;
display: flex; flex-direction: column; gap: 5px; }
.chat-widget-expanded-button {
display: block; margin-bottom: 5px; padding: 10px; text-align: left; box-sizing: border-box;  width: 200px; height: 50px; border-radius: 5px; overflow: hidden; white-space: nowrap; }
.chat-widget-expanded-button:hover {
transform: scale(1.05);
}
.chat-widget-expanded-button i {
margin-right: 10px; font-size: 1.6em; vertical-align: middle; }
.chat-widget-expanded-button span {
vertical-align: middle; font-size: 1.4em;      }
#back-to-top {
display: flex; justify-content: center; align-items: center; cursor: pointer;
border: none;
width: 60px;
height: 60px;
border-radius: 50%; transition: background-color 0.3s ease, transform 0.3s ease;
font-size: 24px; position: relative; margin-top: 5px;  box-sizing: border-box; }
#back-to-top i {
font-size: 1.6em; color: white; }
#back-to-top:hover {
transform: translateY(-3px);
}
#chat-widget-toggle i {
color: white;
font-size: 1.4em; }