/* Rectangular buttons. Gray is the only action color (D-017). Works on <a> and <button>. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:14px 22px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;border:1.5px solid transparent;transition:.15s;cursor:pointer;font-family:var(--sans);line-height:1.2;text-decoration:none}
.btn--action{background:var(--action);color:var(--action-ink)}
.btn--action:hover{background:var(--action-deep)}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);color:var(--action-ink)}
.btn--light{background:var(--bg-2);color:var(--ink);border-color:var(--bg-2)}
.btn--light:hover{background:var(--bg-3)}
.btn--line-light{border-color:var(--action-ink);color:var(--action-ink);background:transparent}
.btn--line-light:hover{background:var(--action-ink);color:var(--ink)}