.btn { display: inline-flex; align-items: center; justify-content: center; padding: .9rem 1.9rem; font-family: var(--font); font-weight: 700; font-size: .95rem; border-radius: var(--radius-pill); border: 1px solid transparent; cursor: pointer; transition: all .25s var(--ease); }
.btn-primary { background: var(--color-ink); color: var(--color-canvas); }
.btn-primary:hover { background: var(--color-ink-deep); transform: translateY(-1px); box-shadow: var(--shadow-float); }
.btn-ghost { background: var(--color-surface); border-color: var(--color-hairline); color: var(--color-ink); }
.btn-ghost:hover { border-color: var(--color-accent); color: var(--color-accent-deep); }
.btn-small { padding: .7rem 1.15rem; font-size: .82rem; }