.brand-btn{box-sizing:border-box;font-family:var(--sala-font-body);cursor:pointer;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:10px 30px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.brand-btn:disabled{cursor:default}.brand-btn--primary{background:var(--sala-accent);color:var(--sala-on-accent)}.brand-btn--primary:hover:not(:disabled){background:var(--sala-accent-deep);color:var(--sala-on-accent-deep)}.brand-btn--primary:disabled{background:rgba(var(--sala-accent-rgb), .28);color:var(--sala-ink);opacity:1;cursor:not-allowed}.brand-btn--secondary{border:2px solid var(--sala-accent);color:var(--sala-accent);background:0 0}.brand-btn--secondary:hover:not(:disabled){background:var(--sala-accent);color:var(--sala-on-accent)}.brand-btn--secondary:disabled{border-color:var(--sala-ink);color:var(--sala-ink)}.brand-btn--ghost{color:var(--sala-accent);text-underline-offset:3px;background:0 0;padding:10px 2px;font-weight:600;text-decoration:underline}.brand-btn--ghost:hover:not(:disabled){color:var(--sala-accent-deep)}.brand-btn--compact{flex-shrink:0;width:auto;padding:8px 18px}.brand-btn--ghost.brand-btn--compact{padding:8px 2px}.brand-btn--block{width:100%}.brand-input{box-sizing:border-box;border:2px solid rgba(var(--sala-accent-rgb), .4);background:var(--sala-surface);width:100%;color:var(--sala-ink-strong);font-family:var(--sala-font-body);border-radius:4px;padding:10px 12px;font-size:16px;line-height:1.4;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.brand-input::placeholder{color:var(--sala-ink);opacity:.6}.brand-input:focus{border-color:var(--sala-accent);outline:none}.brand-input:disabled{opacity:.5;cursor:not-allowed}