.fds-button{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);white-space:nowrap;border-radius:var(--radius-md);outline:none;flex-shrink:0;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .2s;display:inline-flex}.fds-button:disabled{pointer-events:none;opacity:.5}.fds-button svg{pointer-events:none;flex-shrink:0}.fds-button svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.fds-button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring)50%,transparent)}.fds-button[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)20%,transparent)}.dark .fds-button[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)40%,transparent)}.fds-button--variant-default{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow)}.fds-button--variant-default:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}.fds-button--variant-destructive{background-color:var(--destructive);color:#fff;box-shadow:var(--shadow)}.fds-button--variant-destructive:hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}.fds-button--variant-destructive:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)20%,transparent)}.dark .fds-button--variant-destructive:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)40%,transparent)}.dark .fds-button--variant-destructive{background-color:color-mix(in oklab,var(--destructive)60%,transparent)}.dark .fds-button--variant-destructive:hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}.fds-button--variant-outline{border:1px solid var(--border);background-color:var(--background);box-shadow:var(--shadow)}.fds-button--variant-outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.dark .fds-button--variant-outline{background-color:color-mix(in oklab,var(--input)30%,transparent);border-color:var(--input)}.dark .fds-button--variant-outline:hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}.fds-button--variant-secondary{background-color:var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow)}.fds-button--variant-secondary:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}.fds-button--variant-ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}.dark .fds-button--variant-ghost:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}.fds-button--variant-link{color:var(--primary);text-underline-offset:4px;text-decoration:underline}.fds-button--variant-link:hover{text-decoration:underline}.fds-button--size-default{height:calc(var(--spacing)*9);padding:calc(var(--spacing)*2)calc(var(--spacing)*4)}.fds-button--size-default:has(>svg){padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3)}.fds-button--size-sm{height:calc(var(--spacing)*8);border-radius:var(--radius-md);gap:calc(var(--spacing)*1.5);padding:0 calc(var(--spacing)*3)}.fds-button--size-sm:has(>svg){padding-left:calc(var(--spacing)*2.5);padding-right:calc(var(--spacing)*2.5)}.fds-button--size-lg{height:calc(var(--spacing)*10);border-radius:var(--radius-md);padding:0 calc(var(--spacing)*6)}.fds-button--size-lg:has(>svg){padding-left:calc(var(--spacing)*4);padding-right:calc(var(--spacing)*4)}.fds-button--size-icon{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}