/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 var(--s5);
  font: inherit; font-weight: 700; font-size: 1rem; line-height: 1.2; text-decoration: none;
  color: var(--paper); background: var(--ink);
  border: 2px solid var(--ink); border-radius: var(--radius-s);
  cursor: pointer;
}
.btn:hover { background: var(--muted); border-color: var(--muted); }
.btn.quiet { background: transparent; color: var(--ink); border-color: var(--line); }
.btn.quiet:hover { border-color: var(--ink); }
.btn.small { min-height: 40px; padding: 0 var(--s4); font-size: 0.9375rem; }