/* OPTION 1 - Legacy chat button, comment out  OPTION 2 and uncomment below script to revert back to original chat button */

/* .embeddedServiceHelpButton .helpButton .uiButton {
	background-color: #FCBB14;
	font-family: "Archer", sans-serif;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
	outline: 1px solid #FCBB14;
}
h2[embeddedService-chatHeader_chatHeader] {
    color: #ffffff;
}
.embeddedServiceHelpButton .uiButton {
    max-width: 200px !important;
    width: 196px;
} */

/*Option 1 End*/



/******************************************************************************************************************************************/

/* OPTION 2 - New chat button icon, comment below script, and uncomment OPTION 1 to revert back to original chat button */
.embeddedServiceHelpButton .helpButton .uiButton {
    font-family: "Archer", sans-serif;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    padding: 0 20px;
    transform: scale(.45);
    width: 30px;
    height: 140px;
    line-height: 1;
    font-weight: normal;
    text-shadow: none;
    clip-path: circle(70px);
    background: url(https://nccc--slalom.sandbox.my.salesforce-sites.com/botendpointprod/resource/nccc_chat_button);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.embeddedServiceHelpButton .helpButton {
    position: fixed;
    bottom: 12px;
    right: -30px;
    height: 120px;
    -webkit-font-smoothing: subpixel-antialiased;
}
.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before, .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    opacity: 0.2;
    pointer-events: none;
}
.embeddedServiceHelpButton .helpButtonLabel {
	visibility: hidden;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    visibility: hidden;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    visibility: hidden;
}

.embeddedServiceHelpButton .helpButtonDisabled {
    visibility: hidden;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    visibility: hidden;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    visibility: hidden;
}

/*Option 2 End*/

/******************************************************************************************************************************************/
/*Session Ended 'Close Chat' and 'Give Feedback' buttons*/

.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled {
    background: var(--lwc-colorBrandSecondary, #7c746c);
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: white;
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
    width: calc(100% - 48px);
    height: 44px;
    line-height: 19px;
    margin: 0 24px;
    margin-bottom: 10px;
}

.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
    background: var(--lwc-colorBrandSecondaryDarken40, #4a4641);
    border-block-color: var(--lwc-colorBrandSecondaryDarken40, #4a4641);
}

.embeddedServiceSidebarButton:not(:disabled):hover {
    background: var(--lwc-colorBrandSecondaryDarken40,#4a4641);
}

.embeddedServiceSidebarButton {
    background: var(--lwc-colorBrandSecondary,#7c746c);
    font-family: var(--lwc-fontFamily,"Helvetica"),sans-serif;
  }