@define-mixin button-corp {
    --button-border-radius: var(--border-radius-s);
    --button-active-transform: none;

    /* secondary */
    --button-secondary-base-bg-color: transparent;
    --button-secondary-hover-bg-color: var(--color-light-bg-primary-inverted-alpha-7);
    --button-secondary-active-bg-color: var(--color-light-bg-primary-inverted-alpha-15);
    --button-secondary-disabled-bg-color: transparent;
    --button-secondary-base-border-color: var(--color-light-border-underline-inverted);
    --button-secondary-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
    --button-secondary-color: var(--color-light-text-primary);
    --button-secondary-disabled-color: var(--color-light-text-primary-alpha-30);

    /* tertiary */
    --button-tertiary-base-bg-color: var(--color-light-specialbg-component);
    --button-tertiary-hover-bg-color: var(--color-light-specialbg-component-shade-7);
    --button-tertiary-active-bg-color: var(--color-light-specialbg-component-shade-15);
    --button-tertiary-disabled-bg-color: var(--color-light-bg-primary-inverted-alpha-5);
    --button-tertiary-base-border-color: transparent;
    --button-tertiary-disabled-border-color: transparent;
    --button-tertiary-color: var(--color-light-text-primary);
    --button-tertiary-disabled-color: var(--color-light-text-primary-alpha-30);

    /* inverted-secondary */

    /* TODO colod-mod */
    --button-inverted-secondary-base-bg-color: transparent;
    --button-inverted-secondary-hover-bg-color: var(--color-light-bg-primary-alpha-15);
    --button-inverted-secondary-active-bg-color: var(--color-light-bg-primary-alpha-20);
    --button-inverted-secondary-disabled-bg-color: transparent;
    --button-inverted-secondary-base-border-color: var(--color-light-border-underline);
    --button-inverted-secondary-disabled-border-color: var(--color-light-border-underline-alpha-30);
    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
    --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);

    /* inverted-tertiary */
    --button-inverted-tertiary-base-bg-color: var(--color-light-specialbg-component-inverted);
    --button-inverted-tertiary-hover-bg-color: var(
        --color-light-specialbg-component-inverted-tint-15
    );
    --button-inverted-tertiary-active-bg-color: var(
        --color-light-specialbg-component-inverted-tint-20
    );
    --button-inverted-tertiary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
    --button-inverted-tertiary-base-border-color: transparent;
    --button-inverted-tertiary-disabled-border-color: transparent;
    --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
    --button-inverted-tertiary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
}
