button,.button{transition:outline-width .1s;font-size:90%;font-weight:550;text-align:center;color:#fff;border-radius:4px;background-color:var(--gray-800);padding:.8em 1.8em;border:0;cursor:pointer}button:focus-visible,.button:focus-visible{outline-color:var(--main-200)}button:hover,.button:hover{background-color:#000}button:active,.button:active{outline:3px solid var(--main-200);outline-offset:1px}[disabled]{background-color:#ccc!important;cursor:not-allowed}[disabled]:active{outline:none}.secondary{box-shadow:0 0 0 1px var(--gray) inset;color:var(--gray-800);background-color:transparent}.secondary:focus-visible{outline-color:var(--gray-200)}.secondary:hover{background-color:#fff7;color:#000}.secondary:active{outline:3px solid var(--main-100);background-color:#fff}button.small{padding:.4em 1.2em;color:var(--gray-600)}