/* Chat button */
#uwf-chat-button {
    background: #f23c3c;
    color : #ffffff;
}



/**
     Changing the button shape to be rectangle with rounded top corners
 */

 #uwf-chat-button {
     border-radius: 15px;
     width: 100%;
     height: 100%;
 }

 /**
     Removing the default chat icon
 */
 /*
 #uwf-chat-button .uwf-channel-chat {
     display: none;
 }
 */
 
 /**
     Added some text to the button
 */
 /**#uwf-chat-button::before {
     content: "CHAT WITH US";
     font-size: smaller;
 }
 */

#uwf-chat-button {
    width: 70px;
    height: 70px;
}
#uwf-chat-button {
    font-size: 28px;
}

 
 /**
     Use different text for any french variants
 */
 /*
 [lang^='fr'] #uwf-chat-button::before {
     content: "Parlons";
 }
 */
 
 /**
     Using a logo image in addition to text
 */
 /*
 #uwf-chat-button {
     background: #fff url(https://www.upstreamworks.com/wp-content/uploads/2016/07/upstreamworks-logo.png) center no-repeat !important;
     background-size: contain !important;
 }
 
 #uwf-chat-button::before {
     display: none;
 }
 */
 
 /**
     Different visual appearance for unread messages
 */
 /*
 @keyframes blink {
     from {
         background-color: #00aeef;
     }
 
     to {
         background-color: #f7724f;
     }
 }
 
 #uwf-chat-button #uwf-chat-unread {
     display: none;
 }
 
 #uwf-chat-button.unread {
     animation: 1s ease-out infinite alternate blink;
     transform: scale(1);
 }
 */
 
 /**
     Change appearance of chat button to grayscale when disconnected.
 */
 /*
 #uwf-chat-button.disconnected {
     filter: grayscale(1);
 }
 */