@use "sass:color";
@use '../abstracts/cds-icons' as icons;
@use 'cds-mixins-icons' as mixins;

@mixin cds-tertiary {
    color: var(--cds-color-text-default);
    background-color: transparent;
    border: 1px solid transparent;

    & *,
    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-default);
    }
}

@mixin cds-tertiary--hover {
    background-color: var(--cds-color-background-default--hover);
    border: 1px solid transparent;

    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-default);
    }
}

@mixin cds-tertiary--active {
    background-color: var(--cds-color-background-default--active);
    border: 1px solid transparent;

    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-default);
    }
}

@mixin cds-tertiary--disabled {
    color: var(--cds-color-text-muted);
    background-color: transparent;
    border: 1px solid transparent;

    & *,
    [class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-muted);
    }
}