.app-button{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-6);font-family:var(--font-family-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;line-height:1;display:inline-flex}.app-button>i{font-size:.8em}.app-button:disabled{opacity:.5;cursor:not-allowed}.app-button.is-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.app-button.is-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.app-button.is-primary:active:not(:disabled){background-color:var(--color-primary-active);box-shadow:none}.app-button.is-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.app-button.is-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md)}.app-button.is-outline{background-color:var(--color-bg-main);border-color:var(--color-border-strong);color:var(--color-text-main)}.app-button.is-outline:hover:not(:disabled){border-color:var(--color-gray-400);background-color:var(--color-bg-alt)}.app-button.is-ghost{-webkit-backdrop-filter:blur(8px);border-color:var(--color-border-inverse-strong);color:var(--color-text-inverse);background-color:#ffffff1f}.app-button.is-ghost:hover:not(:disabled){background-color:#ffffff38;border-color:#ffffff80}.app-button.is-text{height:auto;padding:var(--space-2) 0;color:var(--color-primary-ink);background-color:#0000}.app-button.is-text:hover:not(:disabled){color:var(--color-primary-active)}.app-button.is-sm{height:36px;padding:0 var(--space-4);font-size:var(--fs-sm)}.app-button.is-lg{height:52px;padding:0 var(--space-8);font-size:var(--fs-body)}.app-button.is-text.is-sm,.app-button.is-text.is-lg{height:auto;padding:var(--space-2) 0}.app-button.is-block{width:100%}@media (width<=640px){.app-button.is-lg{height:48px;padding:0 var(--space-6)}}