Compra la colección cápsula diseñada con Chufy

.unseenMessageNotification { position: absolute; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; top: -37px; left: 1px; cursor:pointer;} .unseenMessageNotification .unseenMessageBubble { display: none; } .unseenMessageNotification .slds-button { width: 40px; background: white; border: none; } .unseenMessageNotification .slds-button .slds-assistive-text { display: none; }

.slds-button {background: white; border: none; width: 33px; opacity: 0.5; cursor: pointer; } .slds-button .slds-assistive-text { display: none; }

.sidebarHeader { display: flex; justify-content: space-between; align-items: center; height: 56px !important;padding: 0 2rem;background-color: #FFFFFF;color: #000000;border-bottom:1px solid #e5e5e5; box-sizing: border-box;} .sidebarHeader::before { content: "LIVE CHAT"; font-size: 14px;font-weight: 500;text-transform: uppercase; order: 1;} .sidebarHeader::after {display: inline-block;position: static;content: "";width: 10px;height: 10px;margin-left: 5px;border-radius: 50%;background-color: #7ed321; order: 2;} .sidebarHeader h2 { text-indent: -9999px; order: 3;} .sidebarHeader .minimizeButton , .sidebarHeader .closeButton { width: 14px; height: 14px;background: none;border: none;padding: 0; margin-right: 10px; } .sidebarHeader .minimizeButton .assistiveText , .sidebarHeader .closeButton .assistiveText { display: none; } .sidebarHeader .minimizeButton { margin-left: auto; margin-right: 10px;transform: translateY(-40%); order: 4;} .sidebarHeader .minimizeButton svg { width: 20px;} .sidebarHeader .closeButton { margin-right: 0; order: 5;}