.button,button{background-color:var(--colour-background-ui);border:1px solid var(--colour-background-ui);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-s);box-sizing:initial;color:var(--colour-text);cursor:pointer;font-size:1rem;font-weight:700;outline:none;padding:var(--spacing-xs-relative) var(--spacing-m-relative);width:fit-content}:is(button,.button):hover{background-color:var(--colour-background-ui-hover)}:is(button,.button):focus{box-shadow:var(--shadow-outline-inverted)}.primary:is(button,.button){background-color:var(--colour-background-brand);border:1px solid var(--colour-background-brand);color:var(--colour-text-inverted)}.primary:is(button,.button):hover{background-color:var(--colour-background-brand-hover)}.primary:is(button,.button):active{background-color:var(--colour-background-brand-active)}.primary:is(button,.button):disabled{background-color:var(--colour-background-secondary);border:var(--border);box-shadow:none;color:var(--colour-text-secondary);cursor:default}