/* Base / Neutral / Tertiary in Theme */
.disa-button_neutral {
    padding: 0.375rem 0.5rem;
    border-radius: var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, var(--dxp-s-button-radius-border, 0.25rem)));
    gap: 0.5rem;

    background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color, rgba(0, 0, 0, 0))));
    color: var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--dxp-s-tertiary-button-text-color, var(--accent-blue-5, var(--dxp-g-brand, #0072BC)))));  /*rgb(0, 114, 188)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--dxp-s-tertiary-button-text-color, var(--accent-blue-5, var(--dxp-g-brand, #0072BC)))));  /*rgb(0, 114, 188)*/

    border: none;
}

.disa-button_neutral:hover {
    background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color-hover, rgba(0, 57, 118, 0.10))));
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-hover, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-hover, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
}

.disa-button_neutral:focus {
    background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color-focus, rgba(0, 0, 0, 0))));
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-focus, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-focus, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
    box-shadow: unset;
    
    outline: 2px solid var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-focus, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
    outline-offset: 2px;
}

.disa-button_neutral:active {
    background-color: var(--slds-c-button-color-background-active, var(--dxp-s-tertiary-button-color-active, rgba(0, 57, 118, 0.20)));
    color: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, var(--dxp-s-tertiary-button-text-color-active, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, var(--dxp-s-tertiary-button-text-color-active, var(--accent-blue-5, var(--dxp-g-brand-1, #0072BC))))); /*rgb(0, 114, 188)*/
}

.disa-button_neutral:disabled,
.disa-button_neutral[disabled] {
    background-color: rgba(0, 0, 0, 0);
    color: var(--disabled, rgba(0, 0, 0, 0.26));
    --slds-c-icon-color-foreground-default: var(--disabled, rgba(0, 0, 0, 0.26));
}

.disa-button_brand,
.disa-button_outline-brand,
.disa-button_outline-inverse,
.disa-button_brand-inverse,
.disa-button_destructive {
    gap: 0.5rem;
    border-radius: var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, var(--dxp-s-button-radius-border, 0.25rem)));
    border-width: var(--slds-c-button-sizing-border,var(--sds-c-button-sizing-border,2px));
    padding-top: var(--slds-c-button-spacing-blockstart,var(--slds-c-button-spacing-block-start,var(--sds-c-button-spacing-block-start,0.25rem)));
    padding-right: var(--slds-c-button-spacing-inlineend,var(--slds-c-button-spacing-inline-end,var(--sds-c-button-spacing-inline-end,1.25rem)));
    padding-bottom: var(--slds-c-button-spacing-blockend,var(--slds-c-button-spacing-block-end,var(--sds-c-button-spacing-block-end,0.25rem)));
    padding-left: var(--slds-c-button-spacing-inlinestart,var(--slds-c-button-spacing-inline-start,var(--sds-c-button-spacing-inline-start,1.25rem)));
}

/* Brand / Primary in Theme */

.disa-button_brand { /* Default State */
    background-color: var(--slds-c-button-brand-color-background, var(--sds-c-button-brand-color-background, var(--slds-c-button-brand-color-background, var(--dxp-s-button-color, var(--primary-blue-5, var(--dxp-g-brand, #003976)))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-brand-text-color, var(--sds-c-button-brand-text-color, var(--slds-c-button-brand-text-color, var(--dxp-s-button-color-contrast, var(--white, var(--dxp-g-brand-contrast, #fff))))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-brand-text-color, var(--sds-c-button-brand-text-color, var(--slds-c-button-brand-text-color, var(--dxp-s-button-color-contrast, var(--white, var(--dxp-g-brand-contrast, #fff))))));
	border-color: var(--slds-c-button-brand-color-background, var(--sds-c-button-brand-color-background, var(--slds-c-button-brand-color-background, var(--dxp-s-button-color, var(--primary-blue-5, var(--dxp-g-brand, #003976)))))); /*rgb(0, 57, 118)*/
}

.disa-button_brand:hover {
    background-color: var(--slds-c-button-brand-color-background-hover, var(--sds-c-button-brand-color-background-hover, var(--dxp-s-button-color-hover, var(--primary-blue-6, var(--dxp-g-brand-1, #002e5e))))); /*rgb(0, 46, 94)*/
	border-color: var(--slds-c-button-brand-color-background-hover, var(--sds-c-button-brand-color-background-hover, var(--dxp-s-button-color-hover, var(--primary-blue-6, var(--dxp-g-brand-1, #002e5e))))); /*rgb(0, 46, 94)*/
    color: var(--slds-c-button-brand-text-color-hover, var(--sds-c-button-brand-text-color-hover, var(--dxp-s-button-color-hover-contrast, var(--white, var(--dxp-g-brand-contrast, #fff)))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-brand-text-color-hover, var(--sds-c-button-brand-text-color-hover, var(--dxp-s-button-color-hover-contrast, var(--white, var(--dxp-g-brand-contrast, #fff)))));    
}

.disa-button_brand:focus {
    background-color: var(--slds-c-button-brand-color-background, var(--sds-c-button-brand-color-background, var(--slds-c-button-brand-color-background, var(--dxp-s-button-color, var(--primary-blue-5, var(--dxp-g-brand-1, #003976)))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-brand-text-color, var(--sds-c-button-brand-text-color, var(--slds-c-button-brand-text-color, var(--dxp-s-button-color-contrast, var(--white, var(--dxp-g-brand-contrast, #fff))))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-brand-text-color, var(--sds-c-button-brand-text-color, var(--slds-c-button-brand-text-color, var(--dxp-s-button-color-contrast, var(--white, var(--dxp-g-brand-contrast, #fff))))));
	border-color: var(--slds-c-button-brand-color-background, var(--sds-c-button-brand-color-background, var(--slds-c-button-brand-color-background, var(--dxp-s-button-color, var(--primary-blue-5, var(--dxp-g-brand-1, #003976)))))); /*rgb(0, 57, 118)*/
}

.disa-button_brand:active {
    background-color: var(--slds-c-button-brand-color-background-active, var(--sds-c-button-brand-color-background-active, var(--dxp-s-button-color-active, var(--primary-blue-7, var(--dxp-g-brand-1, #002247))))); /*rgb(0, 34, 71)*/
    color: var(--slds-c-button-brand-text-color-active, var(--sds-c-button-brand-text-color-active, var(--dxp-s-button-color-active-contrast, var(--white, var(--dxp-g-brand-contrast, #fff)))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-brand-text-color-active, var(--sds-c-button-brand-text-color-active, var(--dxp-s-button-color-active-contrast, var(--white, var(--dxp-g-brand-contrast, #fff)))));
	border-color: var(--slds-c-button-brand-color-background-active, var(--sds-c-button-brand-color-background-active, var(--dxp-s-button-color-active, var(--primary-blue-7, var(--dxp-g-brand-1, #002247))))); /*rgb(0, 34, 71)*/
}

.disa-button_brand:disabled,
.disa-button_brand[disabled] {
    background-color: var(--disabled, rgba(0, 0, 0, 0.26));
    color: var(--white, #FFF);
	border-color: var(--disabled, rgba(0, 0, 0, 0.26));
}

/* Outline Brand / Secondary in Theme */

.disa-button_outline-brand {
    background-color: var(--slds-c-button-outline-brand-color-background, var(--sds-c-button-outline-brand-color-background, var(--slds-c-button-outline-brand-color-background, var(--dxp-s-secondary-button-color, rgba(0, 0, 0, 0)))));
    border-color: var(--slds-c-button-outline-brand-color-border, var(--sds-c-button-outline-brand-color-border, var(--slds-c-button-outline-brand-color-border, var(--dxp-s-secondary-button-border-color, var(--primary-blue-5, var(--dxp-g-brand, #003976)))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-text-color, var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--dxp-s-secondary-button-text-color, var(--primary-blue-5, var(--dxp-g-brand, #003976)))))); /*rgb(0, 57, 118)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color, var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--dxp-s-secondary-button-text-color, var(--primary-blue-5, var(--dxp-g-brand, #003976)))))); /*rgb(0, 57, 118)*/
    
}

.disa-button_outline-brand:hover {
    background-color: var(--slds-c-button-outline-brand-color-background-hover, var(--sds-c-button-outline-brand-color-background-hover, var(--dxp-s-secondary-button-color-hover, rgba(0, 57, 118, 0.10))));
    border-color: var(--slds-c-button-outline-brand-color-border-hover, var(--sds-c-button-outline-brand-color-border-hover, var(--dxp-s-secondary-button-border-color-hover, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-secondary-button-text-color-hover, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-secondary-button-text-color-hover, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
}

.disa-button_outline-brand:focus {
    background-color: var(--slds-c-button-outline-brand-color-background-hover, var(--sds-c-button-outline-brand-color-background-hover, var(--dxp-s-secondary-button-color-focus, rgba(0, 0, 0, 0))));
    border-color: var(--slds-c-button-outline-brand-color-border-hover, var(--sds-c-button-outline-brand-color-border-hover, var(--dxp-s-secondary-button-border-color-focus, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-secondary-button-text-color-hover, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, var(--dxp-s-secondary-button-text-color-hover, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
}

.disa-button_outline-brand:active {
    background-color: var(--slds-c-button-outline-brand-color-background-active, var(--sds-c-button-outline-brand-color-background-active, var(--dxp-s-secondary-button-color-active, rgba(0, 57, 118, 0.20))));
    border-color: var(--slds-c-button-outline-brand-color-border-active, var(--sds-c-button-outline-brand-color-border-active, var(--dxp-s-secondary-button-border-color-active, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    color: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, var(--dxp-s-secondary-button-text-color-active, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
    --slds-c-icon-color-foreground-default: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, var(--dxp-s-secondary-button-text-color-active, var(--primary-blue-5, var(--dxp-g-brand-1, #003976))))); /*rgb(0, 57, 118)*/
}

.disa-button_outline-brand:disabled,
.disa-button_outline-brand[disabled] {
    border-color: var(--disabled, rgba(0, 0, 0, 0.26));
}

/* Inverse / slds-button_inverse / Transparent background-color  */

.disa-button_outline-inverse {
    color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    background-color: var(--slds-c-button-inverse-color-background, var(--sds-c-button-inverse-color-background, rgba(0, 0, 0, 0)));
    border-color: var(--slds-c-button-inverse-color-border, var(--sds-c-button-inverse-color-border, var(--white, var(--dxp-g-neutral-1, #FFF))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_outline-inverse:hover {
    color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    background-color: var(--slds-c-button-inverse-color-background-hover, var(--sds-c-button-inverse-color-background-hover, rgba(255, 255, 255, 0.08)));
    border-color: var(--slds-c-button-inverse-color-border, var(--sds-c-button-inverse-color-border-hover, var(--white, var(--dxp-g-neutral-2, #FFF))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_outline-inverse:focus {
    color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    background-color: var(--slds-c-button-inverse-color-background-hover, var(--sds-c-button-inverse-color-background-hover, rgba(0, 0, 0, 0)));
    border-color: var(--slds-c-button-inverse-color-border, var(--sds-c-button-inverse-color-border-hover, var(--white, var(--dxp-g-neutral-2, #FFF))));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    
    outline: 2px solid var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_outline-inverse:active {
    color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    background-color: var(--slds-c-button-inverse-color-background-active, var(--sds-c-button-inverse-color-background-active, rgba(255, 255, 255, 0.12)));
    border-color: var(--slds-c-button-inverse-color-border, var(--sds-c-button-inverse-color-border-active, var(--dxp-g-neutral-2, #aeaeae)));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_outline-inverse:disabled,
.disa-button_outline-inverse[disabled] {
    color: var(--base-light, #959a9d);
    border-color: var(--base-light, #959a9d);
    --slds-c-icon-color-foreground-default: var(--base-light, #959a9d);
}

/* Inverse / White background-color  */

.disa-button_brand-inverse {
    color: var(--base-darkest, #161b1e);
    background-color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    --slds-c-icon-color-foreground-default: var(--base-darkest, #161b1e);
	border-color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_brand-inverse:hover {
    color: var(--base-darkest, #161b1e);
    background-color: var(--base-lightest, #f4f5f5);
    --slds-c-icon-color-foreground-default: var(--base-darkest, #161b1e);
	border-color: var(--base-lightest, #f4f5f5);
}

.disa-button_brand-inverse:focus {
    color: var(--base-darkest, #161b1e);
    background-color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    --slds-c-icon-color-foreground-default: var(--base-darkest, #161b1e);
	border-color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));

    outline: 2px solid var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
}

.disa-button_brand-inverse:active {
    color: var(--base-darkest, #161b1e);
    background-color: var(--base-lighter, #e0e1e2);
    --slds-c-icon-color-foreground-default: var(--base-darkest, #161b1e);
	border-color: var(--base-lighter, #e0e1e2);
}

.disa-button_brand-inverse:disabled,
.disa-button_brand-inverse[disabled] {
    color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
    background-color: var(--disabled, rgba(0, 0, 0, 0.26));
    --slds-c-icon-color-foreground-default: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--white, var(--dxp-g-root, #FFF))));
	border-color: var(--disabled, rgba(0, 0, 0, 0.26));
}

/* Destructive */

.disa-button_destructive {
    color: var(--white, var(--dxp-g-destructive-contrast, #fff));
    background-color: var(--error, var(--dxp-g-destructive, #c60634));
    --slds-c-icon-color-foreground-default: var(--white, var(--dxp-g-destructive-contrast, #fff));
	border-color: var(--error, var(--dxp-g-destructive, #c60634));
}

.disa-button_destructive:hover {
    color: var(--white, var(--dxp-g-destructive-contrast, #fff));
    --slds-c-icon-color-foreground-default: var(--white, var(--dxp-g-destructive-contrast, #fff));
    background-color: var(--error-dark, #940427);
	border-color: var(--error-dark, #940427);
}

.disa-button_destructive:focus {
    color: var(--white, var(--dxp-g-destructive-contrast, #fff));
    --slds-c-icon-color-foreground-default: var(--white, var(--dxp-g-destructive-contrast, #fff));
    background-color: var(--error, var(--dxp-g-destructive, #c60634));
	border-color: var(--error, var(--dxp-g-destructive, #c60634));
}

.disa-button_destructive:active {
    color: var(--white, var(--dxp-g-destructive-contrast, #fff));
    --slds-c-icon-color-foreground-default: var(--white, var(--dxp-g-destructive-contrast, #fff));
    background-color: var(--error-darker, #63031a);
	border-color: var(--error-darker, #63031a);
}

.disa-button_destructive:disabled,
.disa-button_destructive[disabled] {
    color: var(--white, var(--dxp-g-destructive-contrast, #fff));
    --slds-c-icon-color-foreground-default: var(--white, var(--dxp-g-destructive-contrast, #fff));
    background-color: var(--disabled, rgba(0, 0, 0, 0.26));    
	border-color: var(--disabled, rgba(0, 0, 0, 0.26));
}