.button{--btn-pad-y:clamp(12px,1vw,16px);--btn-pad-x:clamp(14px,1vw,22px);--btn-radius:25px;--btn-bg:linear-gradient(135deg,var(--neutral-100) 45%,var(--neutral-50));--btn-bg-hover:linear-gradient(135deg,var(--neutral-100) 25%,var(--neutral-0));--btn-fg:var(--neutral-800);--btn-fg-hover:var(--neutral-700);--btn-bd:color-mix(in srgb,var(--neutral-900) 12%,transparent);--btn-bd-hover:var(--btn-bd);--btn-transform-hover:none;--btn-font-size:calc(var(--btn-pad-x) * 0.75);padding:var(--btn-pad-y) var(--btn-pad-x);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;gap:8px;font-size:var(--btn-font-size);border-radius:var(--btn-radius);border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;width:-moz-fit-content;width:fit-content;font-weight:600;transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease}html.dark .button{border-color:var(--btn-bd)}.button:is(:hover,:focus-visible){background:var(--btn-bg-hover);color:var(--btn-fg-hover);transform:var(--btn-transform-hover)}html.dark .button:is(:hover,:focus-visible){border-color:var(--btn-bd-hover)}.button:disabled{pointer-events:none;cursor:not-allowed;opacity:.65}.button--primary{--btn-bg:var(--color-bg-button-primary);--btn-bg-hover:var(--color-bg-button-primary-hover);--btn-fg:var(--color-fg-button-primary);--btn-fg-hover:var(--color-fg-button-primary-hover);--btn-bd:var(--color-border-button-primary);--btn-bd-hover:var(--color-border-button-primary);--btn-transform-hover:translateY(-2px)}.button--secondary{--btn-bg:var(--color-bg-button-secondary);--btn-bg-hover:var(--color-bg-button-secondary-hover);--btn-fg:var(--color-fg-button-secondary);--btn-fg-hover:var(--color-fg-button-secondary-hover);--btn-bd:var(--color-border-button-secondary);--btn-bd-hover:var(--color-border-button-secondary);border-color:var(--btn-bd)}.button--tertiary{--btn-bg:var(--color-bg-button-tertiary);--btn-bg-hover:var(--color-bg-button-tertiary-hover);--btn-fg:var(--color-fg-button-tertiary);--btn-bd:transparent;--btn-bd-hover:transparent;backdrop-filter:blur(20px)}html.dark .button--tertiary{--btn-bd:var(--color-border-button-tertiary);--btn-bd-hover:var(--color-border-button-tertiary)}.button--no-bg{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-fg:var(--neutral-0);--btn-fg-hover:var(--neutral-0);--btn-bd:var(--neutral-900);--btn-bd-hover:var(--neutral-900);--btn-bd:transparent;--btn-bd-hover:transparent}html.dark .button--no-bg{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-fg:var(--neutral-0);--btn-fg-hover:var(--neutral-0);--btn-bd:transparent;--btn-bd-hover:transparent}.button.button-disabled{background:var(--color-bg-button-disabled);color:var(--color-fg-default)}html.dark .button.button-disabled{--color-fg-default:var(--neutral-900) --color-bg-default:var(--neutral-300)}.button .button__text{font-size:var(--btn-font-size);font-weight:600}html .dark .button{--btn-fg:var(--neutral-50);--btn-fg-hover:var(--neutral-200)}