.btn{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:var(--radius-md);background-color:var(--primary);padding:8px 18px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--primary-ink);box-shadow:var(--shadow-xs);transition:background-color var(--duration),border-color var(--duration),color var(--duration),box-shadow var(--duration),transform var(--duration)}.btn:not(:disabled):hover{background-color:var(--primary-hover);text-decoration:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn .icon{flex-shrink:0}.btn.outline{border-color:var(--border-strong);background-color:var(--surface);color:var(--text)}.btn.outline:not(:disabled):hover{border-color:var(--slate-400);background-color:var(--surface-hover)}.btn.transparent{border-color:transparent;background-color:transparent;box-shadow:none;color:var(--text-muted)}.btn.transparent:not(:disabled):hover{background-color:var(--neutral-soft);color:var(--text)}.btn.danger{background-color:var(--danger);color:#fff}.btn.danger:not(:disabled):hover{background-color:#c32f35}@media screen and (max-width: 768px){.btn{min-height:44px}}