.app-button[data-v-d61b3cb1]{--btn-bg:transparent;--btn-text:var(--text-primary);--btn-border:transparent;--btn-hover-bg:transparent;--btn-hover-text:var(--text-primary);--btn-padding-x:var(--spacing-md);--btn-padding-y:var(--spacing-sm);--btn-font-size:var(--text-base);--btn-radius:calc(var(--spacing-md) - var(--spacing-3xs));align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);color:var(--btn-text);cursor:pointer;display:flex;font-size:var(--btn-font-size);font-weight:var(--font-medium);gap:var(--spacing-2xs);justify-content:center;overflow:hidden;padding:var(--btn-padding-y) var(--btn-padding-x);position:relative;text-decoration:none;transition:all .2s ease}.app-button[data-v-d61b3cb1]:hover:not(:disabled){background-color:var(--btn-hover-bg);color:var(--btn-hover-text)}.app-button--sm[data-v-d61b3cb1]{--btn-padding-x:var(--spacing-sm);--btn-padding-y:var(--spacing-xs);--btn-font-size:var(--text-sm)}.app-button--md[data-v-d61b3cb1]{--btn-padding-x:var(--spacing-lg);--btn-padding-y:var(--spacing-sm);--btn-font-size:var(--text-base)}.app-button--lg[data-v-d61b3cb1]{--btn-padding-x:var(--spacing-xl);--btn-padding-y:var(--spacing-md);--btn-font-size:var(--text-lg)}.app-button--primary[data-v-d61b3cb1]{--btn-bg:var(--primary);--btn-text:var(--text-light);--btn-hover-bg:var(--primary-dark);--btn-hover-text:var(--text-light)}.app-button--secondary[data-v-d61b3cb1]{--btn-bg:var(--bg-primary);--btn-text:var(--primary);--btn-border:var(--primary);--btn-hover-bg:var(--primary);--btn-hover-text:var(--text-light)}.app-button--text[data-v-d61b3cb1]{--btn-bg:transparent;--btn-text:var(--primary);--btn-hover-bg:var(--accent-1-light);--btn-hover-text:var(--primary-dark);--btn-padding-x:var(--spacing-xs)}.app-button--outline[data-v-d61b3cb1]{--btn-bg:transparent;--btn-text:var(--primary);--btn-border:currentColor;--btn-hover-bg:var(--accent-1-light);--btn-hover-text:var(--primary)}.app-button--danger[data-v-d61b3cb1]{--btn-bg:var(--danger);--btn-text:var(--white);--btn-hover-bg:color-mix(in srgb,var(--danger),#000 10%);--btn-hover-text:var(--white)}.app-button--icon[data-v-d61b3cb1]{--btn-bg:transparent;--btn-text:inherit;--btn-padding-x:var(--spacing-3xs);--btn-padding-y:var(--spacing-3xs);border-radius:8px}.app-button--icon-soft[data-v-d61b3cb1]{--btn-bg:hsla(0,0%,100%,.82);--btn-text:inherit;--btn-border:transparent;--btn-hover-bg:hsla(0,0%,100%,.96);--btn-hover-text:inherit;--btn-padding-x:0;--btn-padding-y:0;--btn-radius:var(--spacing-sm);border:none}.app-button--icon[data-v-d61b3cb1]:hover:not(:disabled){background-color:transparent;color:inherit}.app-button--icon-soft[data-v-d61b3cb1]:hover:not(:disabled){color:inherit}.app-button--disabled[data-v-d61b3cb1],.app-button[data-v-d61b3cb1]:disabled{cursor:not-allowed;opacity:.6}.app-button--loading[data-v-d61b3cb1]{cursor:wait}.app-button--loading .app-button__content[data-v-d61b3cb1]{opacity:0}.app-button--full-width[data-v-d61b3cb1]{width:100%}.app-button--with-icon[data-v-d61b3cb1]{gap:.5rem}.app-button--icon-only[data-v-d61b3cb1]{gap:0}.app-button--icon-right[data-v-d61b3cb1]{flex-direction:row-reverse}.app-button__icon[data-v-d61b3cb1]{align-items:center;display:flex;flex-shrink:0;justify-content:center}.app-button__spinner[data-v-d61b3cb1]{position:absolute}@media(max-width:768px){.app-button--sm[data-v-d61b3cb1]{padding:.375rem .75rem}.app-button--md[data-v-d61b3cb1]{padding:.5rem 1rem}.app-button--lg[data-v-d61b3cb1]{padding:.75rem 1.5rem}.app-button[data-v-d61b3cb1]{font-size:.875rem}}.app-button[data-v-d61b3cb1]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-button[data-v-d61b3cb1]:active:not(:disabled){transform:translateY(1px)}