.slim-button-container button {
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-family: var(--sd-ec-font-font-family-regular);
    color: var(--sd-ec-color-brand-secondary-100);
    border: 0;
    transition: 50ms ease-out;
}
.slim-button-container button .slim-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.slim-button-container button .slim-button-content img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(5124%) hue-rotate(194deg) brightness(92%) contrast(100%);
}
.slim-button-container button.size--small {
    font-size: var(--sd-ec-text-heading-small-fontsize);
    line-height: var(--sd-ec-text-heading-x-small-lineheight);
}
@media screen and (min-width: 960px) {
    .slim-button-container button.size--small {
        font-size: var(--sd-ec-text-heading-medium-fontsize);
    }
}
.slim-button-container button.size--medium {
    font-size: var(--sd-ec-text-heading-medium-fontsize);
    line-height: var(--sd-ec-text-heading-medium-lineheight);
}
@media screen and (min-width: 960px) {
    .slim-button-container button.size--medium {
        font-size: var(--sd-ec-text-heading-x-large-fontsize);
    }
    .slim-button-container button.size--medium img {
        width: 2rem;
    }
}
.slim-button-container button.size--large {
    font-size: 1.188rem;
    line-height: var(--sd-ec-text-heading-x-large-lineheight);
}
@media screen and (min-width: 960px) {
    .slim-button-container button.size--large {
        font-size: var(--sd-ec-text-heading-xx-large-fontsize);
    }
    .slim-button-container button.size--large img {
        width: 2rem;
    }
}
.slim-button-container button.inverted {
    color: var(--sd-ec-color-neutral-000);
}
.slim-button-container button.inverted img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(171deg) brightness(101%) contrast(100%);
}
.slim-button-container button.inverted:hover {
    color: var(--sd-ec-color-background-secondary-020);
}
.slim-button-container button.inverted:hover img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(89%) saturate(950%) hue-rotate(174deg) brightness(97%) contrast(92%);
}
.slim-button-container button.inverted:active {
    color: var(--sd-ec-color-background-secondary-030);
}
.slim-button-container button.inverted:active img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(8%) saturate(958%) hue-rotate(179deg) brightness(98%) contrast(87%);
}
.slim-button-container button.inverted:disabled {
    color: var(--sd-ec-color-state-tertiary-080);
}
.slim-button-container button.inverted:disabled img {
    filter: brightness(0) saturate(100%) invert(20%) sepia(93%) saturate(1783%) hue-rotate(188deg) brightness(101%) contrast(102%);
}
.slim-button-container button:hover {
    color: var(--sd-ec-color-state-secondary-120);
}
.slim-button-container button:hover img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(85%) saturate(1335%) hue-rotate(183deg) brightness(90%) contrast(104%);
}
.slim-button-container button:focus {
    box-shadow: 0 0 0 0.375rem var(--sd-ec-color-neutral-000);
    outline: 0.125rem solid var(--sd-ec-color-brand-secondary-100);
    outline-offset: 0.125rem;
}
.slim-button-container button:active {
    color: var(--sd-ec-color-state-tertiary-085);
}
.slim-button-container button:active img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(67%) saturate(2722%) hue-rotate(191deg) brightness(94%) contrast(99%);
}
.slim-button-container button:disabled {
    cursor: default;
    color: var(--sd-ec-color-neutral-060);
}
.slim-button-container button:disabled img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(4%) saturate(7%) hue-rotate(315deg) brightness(93%) contrast(80%);
}
.slim-button-container button.loading .slim-button-content {
    opacity: 0;
}
.slim-button-container button .loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slim-button-icon {
    height: 1.5rem;
}