.c-button{--c-button-color: var(--cal-color-primary, #4263eb);--c-button-color-content: var(--cal-color-primary-content, #ffffff);--c-button-color-hover: color-mix(in oklab, var(--c-button-color), #000000 10%);--c-button-color-content-hover: var(--c-button-color-content)}[data-color-scheme=neutral].c-button{--c-button-color: var(--cal-color-neutral);--c-button-color-content: var(--cal-color-neutral-content)}[data-color-scheme=primary].c-button{--c-button-color: var(--cal-color-primary);--c-button-color-content: var(--cal-color-primary-content)}[data-color-scheme=secondary].c-button{--c-button-color: var(--cal-color-secondary);--c-button-color-content: var(--cal-color-secondary-content)}[data-color-scheme=info].c-button{--c-button-color: var(--cal-color-info);--c-button-color-content: var(--cal-color-info-content)}[data-color-scheme=success].c-button{--c-button-color: var(--cal-color-success);--c-button-color-content: var(--cal-color-success-content)}[data-color-scheme=warning].c-button{--c-button-color: var(--cal-color-warning);--c-button-color-content: var(--cal-color-warning-content)}[data-color-scheme=error].c-button{--c-button-color: var(--cal-color-error);--c-button-color-content: var(--cal-color-error-content)}[data-color-scheme=primary-secondary-gradient].c-button{--c-button-color: linear-gradient(146deg, var(--cal-color-secondary) -210.57%, var(--cal-color-secondary) -179%, var(--cal-color-primary) 100%);--c-button-color-content: var(--cal-color-primary-content);border:none}[data-color-scheme=primary-secondary-gradient].c-button:hover,[data-color-scheme=primary-secondary-gradient].c-button:focus,[data-color-scheme=primary-secondary-gradient].c-button.is-active{--c-button-color-hover: linear-gradient(146deg, var(--cal-color-secondary) -210.57%, var(--cal-color-secondary) -117%, var(--cal-color-primary) 120%);outline-color:var(--cal-color-secondary)}[data-color-scheme=secondary-primary-gradient].c-button{--c-button-color: linear-gradient(116deg, var(--cal-color-secondary) 0%, var(--cal-color-secondary) 29.62%, var(--cal-color-primary) 291.42%);--c-button-color-content: var(--cal-color-secondary-content);border:none}[data-color-scheme=secondary-primary-gradient].c-button:hover,[data-color-scheme=secondary-primary-gradient].c-button:focus,[data-color-scheme=secondary-primary-gradient].c-button.is-active{--c-button-color-hover: linear-gradient(116deg, var(--cal-color-secondary) 0%, var(--cal-color-secondary) 10.62%, var(--cal-color-primary) 183.42%);outline-color:var(--cal-color-secondary)}