.button{padding:var(--space-3) var(--space-5);border:1px solid var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;font-weight:200;line-height:1.5;text-decoration:none;transition:border-color .4s,background-color .4s,color .4s;display:inline-flex}.button-outline{color:var(--color-ink);background:0 0;border-radius:999px}@media (hover:hover){.button-outline:hover{background:var(--color-ink);color:var(--color-paper);border-color:#0000}.button-outline-panel:hover{color:var(--color-panel)}.button-solid:hover{background:#0009}}.button-solid{background:var(--color-ink);color:var(--color-paper);border-color:#0000;border-radius:0;font-size:1.25rem}.button-compact{padding:var(--space-1) var(--space-5)}@media (min-width:48rem){.button-solid{font-size:var(--text-lg);line-height:1.5rem}}.button:disabled{cursor:default;opacity:.6}