.button{font:inherit;font-size:1rem;font-weight:500;padding:.7rem 1.4rem;border-radius:var(--radius-xl);border:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start}.button--primary{background:var(--accent-strong);color:#fff}.button--primary:hover{background:#a95540}.button--secondary{background:transparent;color:var(--accent-ink);border:1px solid var(--accent-ink);border-radius:var(--radius-xl)}.button--secondary:hover{background:var(--accent-ink);color:#fff}.button--ghost{background:transparent;color:var(--accent-ink);padding:.4rem .2rem;border-bottom:1px solid transparent;border-radius:0}.button--ghost:hover{border-bottom-color:var(--accent-ink)}