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

    /* secondary */
    --button-secondary-base-bg-color: var(--color-light-bg-quaternary);
    --button-secondary-hover-bg-color: var(--color-light-bg-quaternary-shade-10);
    --button-secondary-active-bg-color: var(--color-light-bg-quaternary-shade-30);
    --button-secondary-disabled-bg-color: var(--color-light-bg-quaternary-alpha-30);

    /* inverted-secondary */
    --button-inverted-secondary-base-bg-color: var(--color-light-bg-quaternary-inverted);
    --button-inverted-secondary-hover-bg-color: var(--color-light-bg-quaternary-inverted-tint-15);
    --button-inverted-secondary-active-bg-color: var(--color-light-bg-quaternary-inverted-tint-20);
    --button-inverted-secondary-disabled-bg-color: var(
        --color-light-bg-quaternary-inverted-alpha-30
    );
}