.c-button{--c-button-height:48px;--c-button-radius:16px;--c-button-padding-inline:2.5em;--c-button-font-size:var(--text-button-md-size);--c-button-press-scale:.96;appearance:none;cursor:pointer;touch-action:manipulation;font-family:var(--text-button-font-family);font-weight:var(--text-button-font-weight);font-style:var(--text-button-font-style);font-size:var(--c-button-font-size);line-height:var(--text-button-md-line-height);letter-spacing:var(--text-button-md-letter-spacing);padding:0 var(--c-button-padding-inline);min-height:var(--c-button-height);border-radius:var(--c-button-radius);border:none;outline:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background-color .22s,color .22s,opacity .22s,transform .28s cubic-bezier(.4,0,.2,1),filter .22s,box-shadow .22s;display:inline-flex}.c-button:active:not(:disabled){transform:scale(var(--c-button-press-scale));box-shadow:none;filter:brightness(.9)}.c-button.c-button--icon-only{--c-button-press-scale:.92}.c-button--primary{background-color:var(--color-button-primary-bg);background-image:var(--color-button-sheen-primary);color:var(--color-button-primary-text);box-shadow:var(--color-button-shadow-primary)}.c-button--primary:active:not(:disabled){background-color:color-mix(in srgb, var(--color-button-primary-bg), black 35%);filter:brightness(.8)}.c-button--secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);box-shadow:var(--color-button-shadow-secondary)}.c-button--secondary:active:not(:disabled){background-color:var(--color-button-secondary-hover)}.c-button--danger{background-color:var(--color-error);color:var(--color-white);box-shadow:var(--color-button-shadow-primary)}.c-button--danger:active:not(:disabled){background-color:color-mix(in srgb, var(--color-error), white 5%)}.c-button--success{background-color:var(--color-success);color:var(--color-white);box-shadow:var(--color-button-shadow-primary)}.c-button--success:active:not(:disabled){background-color:color-mix(in srgb, var(--color-success), white 5%)}.c-button--contrast{background-color:var(--color-white);color:var(--color-button-contrast-text);box-shadow:var(--color-button-shadow-secondary)}.c-button--contrast:active:not(:disabled){background-color:var(--color-neutral-50);filter:none}.c-button--blur.c-button--contrast{background-color:var(--color-button-contrast-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#0000}.c-button--blur.c-button--contrast:active:not(:disabled){background-color:var(--color-button-contrast-hover)}.c-button--outlined{border:1px solid color-mix(in srgb, currentColor 5%, transparent);box-shadow:none;background-color:#0000;background-image:none}.c-button--outlined.c-button--primary{color:var(--color-button-primary-bg)}.c-button--outlined.c-button--secondary{color:var(--color-button-outlined-secondary-text);border-color:var(--color-border-default)}.c-button--text{box-shadow:none;background-color:#0000;background-image:none;padding:8px 12px}.c-button--text.c-button--primary{color:var(--color-button-primary-bg)}.c-button--text.c-button--secondary{color:var(--color-text-secondary)}.c-button--link{color:var(--color-interactive-disabled);box-shadow:none;background-color:#0000;background-image:none;padding:8px 12px}.c-button--link:active:not(:disabled){opacity:.6;background-color:#0000;transform:none}.c-button--sm{--c-button-height:36px;--c-button-radius:12px;--c-button-padding-inline:14px;--c-button-font-size:14px;--c-button-press-scale:.95}.c-button--lg{--c-button-height:56px;--c-button-radius:20px;--c-button-padding-inline:32px;--c-button-font-size:var(--text-button-lg-size);--c-button-press-scale:.97;line-height:var(--text-button-lg-line-height);letter-spacing:var(--text-button-lg-letter-spacing)}.c-button--xl{--c-button-height:64px;--c-button-radius:24px;--c-button-padding-inline:32px;--c-button-font-size:var(--text-button-lg-size);--c-button-press-scale:.97;line-height:var(--text-button-lg-line-height);letter-spacing:var(--text-button-lg-letter-spacing)}.c-button--rounded{--c-button-radius:9999px}.c-button--fluid{width:100%}.c-button--icon-only{width:var(--c-button-height);min-width:var(--c-button-height);height:var(--c-button-height);padding:0}.c-button--glass{--c-button-glass-shadow:0 2px 8px #00000012, inset 0 1px 0 #ffffffb3;background-color:color-mix(in srgb, var(--color-white) 55%, transparent);-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);color:var(--color-text-primary);box-shadow:var(--c-button-glass-shadow);border:none}.c-button--glass:active:not(:disabled){background-color:color-mix(in srgb, var(--color-white) 62%, transparent);box-shadow:var(--c-button-glass-shadow);filter:none}.c-button--glass.c-button--dark{background-color:color-mix(in srgb, var(--color-white) 10%, transparent);color:var(--color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-white) 8%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 12%, transparent)}.c-button--glass.c-button--dark:active:not(:disabled){background-color:color-mix(in srgb, var(--color-white) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-white) 8%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 12%, transparent)}.c-button--icon-only.c-button--rounded{--c-button-radius:50%}.c-button--disabled,.c-button:disabled{opacity:var(--text-opacity-disabled);cursor:not-allowed;pointer-events:none}.c-button--loading{cursor:wait;pointer-events:none}.c-button__label{flex:none}.c-button__icon{flex:none;font-size:1em}.c-button__loading-icon{flex:none;font-size:1em;animation:1s linear infinite c-button-spin}@keyframes c-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-button--shimmer .c-button__label{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#fff 20%,#fcaec9 50%,#fff 80%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:10s linear infinite c-button-shimmer}@keyframes c-button-shimmer{0%{background-position:300% 0}50%{background-position:300% 0}to{background-position:-150% 0}}
