.button,a.button{--fe-button-padding:var(--fe-space-sm) var(--fe-space-xl);gap:var(--fe-space-sm);font-weight:var(--fe-font-weight-bold);padding:var(--fe-button-padding);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--fe-transition-fast) ease-out,box-shadow var(--fe-transition-fast) ease-out;border-radius:var(--fe-button-radius,var(--fe-input-radius));color:var(--fe-button-color,var(--fe-color-primary-contrast));background-color:var(--fe-color-primary);border-style:solid;border-width:1px;border-color:var(--fe-color-primary);outline:none;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex}.button:hover:not(:disabled),a.button:hover:not(:disabled){box-shadow:var(--fe-shadow-sm);transform:translateY(-.1em)}.button:active:not(:disabled),.button:focus:not(:disabled),a.button:active:not(:disabled),a.button:focus:not(:disabled){box-shadow:var(--fe-input-focus-ring);transform:translateY(-.1em)}.button.button--xs,a.button.button--xs{font-size:var(--fe-font-size-xs);--fe-button-padding:var(--fe-space-xs) var(--fe-space-md)}.button.button--sm,a.button.button--sm{font-size:var(--fe-font-size-sm);--fe-button-padding:var(--fe-space-xs) var(--fe-space-md)}.button.button--md,a.button.button--md{font-size:var(--fe-font-size-md)}.button.button--lg,a.button.button--lg{font-size:var(--fe-font-size-lg);--fe-button-padding:var(--fe-space-lg) var(--fe-space-2xl)}.button.button--xl,a.button.button--xl{font-size:var(--fe-font-size-xl);--fe-button-padding:var(--fe-space-xl) var(--fe-space-3xl)}.button.button--primary,a.button.button--primary{background-color:var(--fe-color-primary);border-color:var(--fe-color-primary);--fe-button-color:var(--fe-color-primary-contrast)}.button.button--secondary,a.button.button--secondary{background-color:var(--fe-color-secondary);border-color:var(--fe-color-secondary);--fe-button-color:var(--fe-input-text)}.button.button--muted,a.button.button--muted{background-color:color-mix(in srgb, var(--fe-color-text) 22%, transparent);border-color:color-mix(in srgb, var(--fe-color-text) 34%, transparent);--fe-button-color:var(--fe-input-text)}.button.button--ghost,a.button.button--ghost{border-color:color-mix(in srgb, var(--fe-color-primary) 48%, transparent);--fe-button-color:var(--fe-color-primary);background-color:#0000}.button.button:disabled,.button.button--disabled,a.button.button:disabled,a.button.button--disabled{background-color:var(--fe-color-disabled-strong);border-color:var(--fe-color-disabled-strong);--fe-button-color:var(--fe-color-disabled-text);cursor:not-allowed}a.button:hover{color:var(--fe-button-color)}
