.pill-button{text-align:center;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;background:0 0;border:0;font-weight:700;display:inline-block}span.pill-button{cursor:default}.pill-button--yellow{background:var(--yellow);color:var(--ink)}.pill-button--black{background:var(--ink);color:var(--yellow)}.pill-button--outline-dark{border:1.5px solid var(--border-on-dark);color:#fff;font-weight:600}.pill-button--outline-light{border:1.5px solid var(--border-on-light);color:var(--ink);font-weight:600}.pill-button--lg{padding:15px 32px;font-size:16px}.pill-button--md{padding:13px 28px;font-size:15px}.pill-button--sm{padding:9px 20px;font-size:14.5px}.pill-button--xs{padding:8px 18px;font-size:14.5px}.pill-button--nav{padding:11px 24px;font-size:14px}button.pill-button:disabled{opacity:.6;cursor:default}a.pill-button--yellow:hover,button.pill-button--yellow:hover{filter:brightness(.95)}a.pill-button--black:hover,button.pill-button--black:hover{background:var(--graphite)}a.pill-button--outline-dark:hover,button.pill-button--outline-dark:hover{border-color:#9aa0a6}a.pill-button--outline-light:hover,button.pill-button--outline-light:hover{background:var(--fill)}