.seds-btn {
    --dhi-seds-core-button-background-color-primary: #195581;
    --dhi-seds-core-button-background-color-primary-hover: #123b5a;
    --dhi-seds-core-button-background-color-primary-pressed: #071927;
    --dhi-seds-core-button-background-color-primary-danger: #952827;
    --dhi-seds-core-button-background-color-primary-danger-hover: #6d1e1d;
    --dhi-seds-core-button-background-color-primary-danger-pressed: #451312;
    --dhi-seds-core-button-background-color-secondary: #ffffff;
    --dhi-seds-core-button-background-color-secondary-hover: #e8eef2;
    --dhi-seds-core-button-background-color-secondary-pressed: #a1b9cb;
    --dhi-seds-core-button-background-color-secondary-danger: #ffffff;
    --dhi-seds-core-button-background-color-secondary-danger-hover: #f9ebeb;
    --dhi-seds-core-button-background-color-secondary-danger-pressed: #e4acab;
    --dhi-seds-core-button-background-color-tertiary: transparent;
    --dhi-seds-core-button-background-color-tertiary-hover: transparent;
    --dhi-seds-core-button-background-color-tertiary-pressed: transparent;
    --dhi-seds-core-button-label-color-primary: #ffffff;
    --dhi-seds-core-button-label-color-primary-hover: #ffffff;
    --dhi-seds-core-button-label-color-primary-pressed: #ffffff;
    --dhi-seds-core-button-label-color-primary-danger: #ffffff;
    --dhi-seds-core-button-label-color-primary-danger-hover: #ffffff;
    --dhi-seds-core-button-label-color-primary-danger-pressed: #ffffff;
    --dhi-seds-core-button-label-color-secondary: #195581;
    --dhi-seds-core-button-label-color-secondary-hover: #195581;
    --dhi-seds-core-button-label-color-secondary-pressed: #195581;
    --dhi-seds-core-button-label-color-secondary-danger: #952827;
    --dhi-seds-core-button-label-color-secondary-danger-hover: #952827;
    --dhi-seds-core-button-label-color-secondary-danger-pressed: #952827;
    --dhi-seds-core-button-label-color-tertiary: #195581;
    --dhi-seds-core-button-label-color-tertiary-hover: #123b5a;
    --dhi-seds-core-button-label-color-tertiary-pressed: #071927;
    --dhi-seds-core-button-label-color-tertiary-danger: #952827;
    --dhi-seds-core-button-label-color-tertiary-danger-hover: #6d1e1d;
    --dhi-seds-core-button-label-color-tertiary-danger-pressed: #451312;
    --dhi-seds-core-button-label-typography-primary: 700 1rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-secondary: 700 1rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary: 700 1rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary-hover: 700 1rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary-pressed: 700 1rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-primary-small: 700 0.75rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-secondary-small: 700 0.75rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary-small: 700 0.75rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary-small-hover: 700 0.75rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-label-typography-tertiary-small-pressed: 700 0.75rem/1.5 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --dhi-seds-core-button-icon-color-primary: #ffffff;
    --dhi-seds-core-button-icon-color-primary-hover: #ffffff;
    --dhi-seds-core-button-icon-color-primary-pressed: #ffffff;
    --dhi-seds-core-button-icon-color-primary-danger: #ffffff;
    --dhi-seds-core-button-icon-color-primary-danger-hover: #ffffff;
    --dhi-seds-core-button-icon-color-primary-danger-pressed: #ffffff;
    --dhi-seds-core-button-icon-color-secondary: #195581;
    --dhi-seds-core-button-icon-color-secondary-hover: #195581;
    --dhi-seds-core-button-icon-color-secondary-pressed: #195581;
    --dhi-seds-core-button-icon-color-secondary-danger: #952827;
    --dhi-seds-core-button-icon-color-secondary-danger-hover: #952827;
    --dhi-seds-core-button-icon-color-secondary-danger-pressed: #952827;
    --dhi-seds-core-button-icon-color-tertiary: #195581;
    --dhi-seds-core-button-icon-color-tertiary-hover: #123b5a;
    --dhi-seds-core-button-icon-color-tertiary-pressed: #071927;
    --dhi-seds-core-button-icon-color-tertiary-danger: #952827;
    --dhi-seds-core-button-icon-color-tertiary-danger-hover: #6d1e1d;
    --dhi-seds-core-button-icon-color-tertiary-danger-pressed: #451312;
    --dhi-seds-core-button-icon-size-primary: 1.5rem;
    --dhi-seds-core-button-icon-size-primary-small: 1rem;
    --dhi-seds-core-button-icon-size-secondary: 1.5rem;
    --dhi-seds-core-button-icon-size-secondary-small: 1rem;
    --dhi-seds-core-button-icon-size-tertiary: 1rem;
    --dhi-seds-core-button-icon-size-tertiary-small: 0.75rem;
    --dhi-seds-core-button-border-color-primary: #195581;
    --dhi-seds-core-button-border-color-primary-hover: #123b5a;
    --dhi-seds-core-button-border-color-primary-pressed: #071927;
    --dhi-seds-core-button-border-color-primary-danger: #952827;
    --dhi-seds-core-button-border-color-primary-danger-hover: #6d1e1d;
    --dhi-seds-core-button-border-color-primary-danger-pressed: #451312;
    --dhi-seds-core-button-border-color-secondary: #195581;
    --dhi-seds-core-button-border-color-secondary-hover: #195581;
    --dhi-seds-core-button-border-color-secondary-pressed: #195581;
    --dhi-seds-core-button-border-color-secondary-danger: #952827;
    --dhi-seds-core-button-border-color-secondary-danger-hover: #952827;
    --dhi-seds-core-button-border-color-secondary-danger-pressed: #952827;
    --dhi-seds-core-button-border-color-tertiary: transparent;
    --dhi-seds-core-button-border-color-tertiary-hover: transparent;
    --dhi-seds-core-button-border-color-tertiary-pressed: transparent;
    --dhi-seds-core-button-border-color-tertiary-danger: transparent;
    --dhi-seds-core-button-border-color-tertiary-danger-hover: transparent;
    --dhi-seds-core-button-border-color-tertiary-danger-pressed: transparent;
    --dhi-seds-core-button-border-width: 2px;
    --dhi-seds-core-button-border-radius: 56px;
    --dhi-seds-core-button-padding-primary: 0.75rem 3.5rem;
    --dhi-seds-core-button-padding-secondary: 0.75rem 2rem;
    --dhi-seds-core-button-padding-primary-small: 0.5rem 2rem;
    --dhi-seds-core-button-padding-secondary-small: 0.5rem 1.5rem;
    --dhi-seds-core-button-padding-tertiary: 0.75rem 0;
    --dhi-seds-core-button-padding-tertiary-small: 0.5rem 0;
    --dhi-seds-core-button-gap-primary: 0.5rem;
    --dhi-seds-core-button-gap-secondary: 0.5rem;
    --dhi-seds-core-button-gap-tertiary: 0.25rem;
    --dhi-seds-core-button-loader-size-primary: 1.5rem;
    --dhi-seds-core-button-loader-size-primary-small: 1rem;
    --dhi-seds-core-button-loader-size-secondary: 1.5rem;
    --dhi-seds-core-button-loader-size-secondary-small: 1rem;
    --dhi-seds-core-button-loader-size-tertiary: 1.5rem;
    --dhi-seds-core-button-loader-size-tertiary-small: 1rem
}

.seds-btn,.seds-btn:visited {
    all: unset;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    z-index: 1;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: var(--dhi-seds-core-button-label-typography-primary-paragraph-spacing);
    border: none;
    border-radius: var(--dhi-seds-core-button-border-radius);
    padding: var(--dhi-seds-core-button-padding-primary);
    overflow: hidden;
    font: var(--dhi-seds-core-button-label-typography-primary);
    letter-spacing: var(--dhi-seds-core-button-label-typography-primary-letter-spacing);
    text-align: center;
    text-transform: var(--dhi-seds-core-button-label-typography-primary-text-case)
}

.seds-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--dhi-seds-core-button-border-radius);
    width: 100%;
    height: 100%;
    content: ''
}

.seds-btn:hover::before {
    transition: all 300ms ease-in-out;
}

.seds-btn:active::before {
    transition: none;
}

.seds-btn:focus-visible {
    transition: none;
    outline: 2px solid #7a9cb6;
    outline: var(--dhi-seds-border-focus-width) solid var(--dhi-seds-border-focus-color);
    outline-offset: 2px;
    outline-offset: var(--dhi-seds-border-focus-width)
}

.seds-btn-small {
    margin-bottom: var(--dhi-seds-core-button-label-typography-primary-small-paragraph-spacing);
    padding: var(--dhi-seds-core-button-padding-primary-small);
    font: var(--dhi-seds-core-button-label-typography-primary-small)
}

.seds-btn-secondary,.seds-btn-secondary:visited {
    mix-blend-mode: multiply;
    margin-bottom: var(--dhi-seds-core-button-label-typography-secondary-paragraph-spacing);
    background-color: currentColor;
    padding: var(--dhi-seds-core-button-padding-secondary);
    font: var(--dhi-seds-core-button-label-typography-secondary);
    letter-spacing: var(--dhi-seds-core-button-label-typography-secondary-letter-spacing);
    text-transform: var(--dhi-seds-core-button-label-typography-secondary-text-case)
}

.seds-btn-secondary::before {
    top: var(--dhi-seds-core-button-border-width);
    left: var(--dhi-seds-core-button-border-width);
    background-color: rgba(255, 255, 255, 1);
    width: calc(100% - (var(--dhi-seds-core-button-border-width) * 2));
    height: calc(100% - (var(--dhi-seds-core-button-border-width) * 2))
}

.seds-btn-secondary:hover::before {
    transition: all 300ms ease-in-out;
    background-color: rgba(255, 255, 255, 0.8)
}

.seds-btn-secondary:active::before {
    transition: none;
    background-color: rgba(255, 255, 255, 0.5)
}