.oda-chat-wrapper .oda-chat-button {
  width:            max-content;
  height:           65px;
  background-color: #183686;
  color:            #FFFFFF;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
  --color-launch-icon-background: #142d6f;
}

.oda-chat-wrapper .oda-chat-header {
    background-color: #0066cc;
    --color-header-button-fill: #FFFFFF;
    --color-header-button-fill-hover: #FFFFFF;
}

.oda-chat-wrapper {
    --color-links: #185ea5;
    --color-user-links: #FFFFFF;
}

.oda-chat-letschat{
    /*padding-right:  15px;*/
    width:          215px;
}

.top-text, .top-text-expand {
    font-family:    "Open Sans",sans-serif;
    font-size:      1.125rem;
    white-space:    nowrap;
    padding-bottom: 3px;
}

.bottom-text{
    font-size:12px;
    font-weight:400;
    white-space:nowrap;
}

.oda-chat-button-icon {
    padding-left: 15px;
    padding-top:  15px;
    padding-bottom: 15px;
}

.oda-chat-widget {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.oda-chat-message-bubble {
    padding: 10px;
}


@media screen and (max-width:700px){
    
    button .bottom-text, button .top-text-expand {
        display:none;
    }
    
    .oda-chat-letschat{
        padding-right: 35px;
        width: auto;
    }
    
    .oda-chat-button-icon {
        padding: 20px 10px 20px 32px;
    }
    
    .oda-chat-wrapper .oda-chat-button {
        height: 65px;
    }
    
}