.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);min-height:40px}.btn-md{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base);min-height:44px}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-lg);min-height:48px}.btn-primary{background-color:var(--clr-secondary);color:var(--clr-text-on-accent)}.btn-primary:hover{background-color:var(--clr-secondary-dark);color:var(--clr-text-on-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--clr-primary);color:var(--clr-text-on-primary)}.btn-secondary:hover{background-color:var(--clr-primary-dark);color:var(--clr-text-on-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-outline{color:var(--clr-accent-accessible);border:2px solid var(--clr-secondary);background-color:#0000}.btn-outline:hover{background-color:var(--clr-secondary);color:var(--clr-text-on-accent)}.btn-ghost{color:var(--clr-text-main);background-color:#0000}.btn-ghost:hover{background-color:var(--clr-bg-alt)}.btn-accent{background-color:var(--clr-accent);color:var(--clr-text-on-accent)}.btn-accent:hover{background-color:var(--clr-accent-dark);color:var(--clr-text-on-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-full{width:100%}.btn-white{background-color:var(--clr-surface);color:var(--clr-primary)}.btn-white:hover{background-color:var(--clr-bg-alt);color:var(--clr-primary);transform:translateY(-1px)}.btn-outline-white{color:var(--clr-text-on-primary);border:2px solid var(--clr-text-on-primary);background-color:#0000}.btn-outline-white:hover{background-color:var(--clr-text-on-primary);color:var(--clr-primary)}