#chatbox-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
}
#chatbox-opener {
background-color: #212529;
border: none;
color: #fff;
cursor: pointer;
font-size: 14px;
padding: 10px 20px;
}
#chatbox {
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
max-height: 550px;
overflow: auto;
position: absolute;
right: 0;
bottom: 40px;
width: 300px;
}
#chatbox #messages {
padding: 10px;
}
#chatbox form {
border-top: 1px solid #ddd;
padding: 10px;
}
#chatbox form input[type="text"] {
border: 1px solid #ddd;
padding: 5px;
width: 50%;
}
#chatbox form button[type="submit"] {
background-color: #212529;
border: none;
color: #fff;
cursor: pointer;
font-size: 14px;
padding: 5px 10px;
}
#chatbox form button[type="submit"]:hover {
background-color: #343a40;
}