/* CSS overrides ootb lightning components */
.slds-button_success:active {
    outline: solid var(--theme-outline-width) var(--theme-primary-button-outline-color);
    outline-offset: var(--theme-outline-offset);
    transform: unset !important;
}

.slds-button_success:focus {
    outline: solid var(--theme-outline-width) var(--theme-primary-button-outline-color) !important;
    outline-offset: var(--theme-outline-offset);
    box-shadow: none !important;
    color: var( --theme-primary-light) !important;
    background-color: var(--theme-primary) !important;
}

.slds-button::after {
    transform: none !important;
    background: var(--theme-link-text-color) !important;
    top: var(--lwc-lineHeightButton) !important;
}

.slds-button:active {
    transform: unset !important;
}

.slds-button:hover::after, .slds-button:active::after {
    background: var(--theme-primary) !important;
}

.slds-button[kx-type="underline"]:focus {
    outline: solid var(--theme-outline-width) var(--theme-primary-button-outline-color) !important;
    outline-offset: var(--theme-outline-offset);
    box-shadow: none !important;
    color: var(--theme-link-text-color) !important;
}

.slds-button:focus::after {
    background: transparent !important;
}

lightning-button-menu .slds-button_neutral:active {
    outline: solid var(--theme-outline-width) var(--theme-primary-button-outline-color);
    outline-offset: var(--theme-outline-offset);
    transform: unset !important;
}

lightning-button-menu .slds-button_neutral:focus {
    outline: solid var(--theme-outline-width) var(--theme-primary-button-outline-color) !important;
    outline-offset: var(--theme-outline-offset);
    box-shadow: none !important;
    color: var( --theme-primary-light) !important;
    background-color: var(--theme-primary) !important;
}