.button{border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background var(--transition-fast);line-height:1.2}.button--default{border:var(--border-width) solid transparent;background:var(--color-tile)}.button--default:hover{background:var(--color-tile-hover)}.button--ghost{border:var(--border-width) solid transparent;background:0 0}.button--ghost:hover{background:var(--color-nav-hover)}.button--primary{border:var(--border-width) solid transparent;background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover{background:var(--color-accent-hover)}.button:disabled{opacity:var(--opacity-past);cursor:default}.button--icon{padding:var(--control-padding-y) var(--button-icon-padding-x);font-size:var(--font-size-lg);line-height:1}a.button{color:inherit;text-decoration:none;display:inline-block}a.button--primary{color:var(--color-on-accent)}