:root {
    --chatbot-bg-color: #E90B18;
    --chatbot-color: #FFFFFF;
}

.chatbot__button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: var(--chatbot-bg-color);
    z-index: 10000;
    color: var(--chatbot-color);
    border-radius: 50vh;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0;
    white-space: break-spaces;
    transition: gap 0.25s ease;
    height: 6.125rem;
    cursor: pointer;
    border: none;
}

.chatbot__button:hover {
    text-decoration: none;
    gap: 1rem;
}

.chatbot__button-image {
    width: 3.125rem;
}

.chatbot__button-text {
    font-size: 0.8rem;
    line-height: 1rem;
    display: block;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: width 0.25s ease, opacity 0.25s ease;
    max-height: 3.125rem;
}

.chatbot__button:hover .chatbot__button-text {
    width: 11.50rem;
    opacity: 1;
}

.--hidden, .agent-clear-wrapper, .agent-header-wrapper, .agent-message-wrapper, button[name="widgetToggle"] {
    display: none !important;
}

.msgdsk-chat-wrapper {
    bottom: 0 !important;
    right: 0 !important;
}