.button{background:var(--grey-300);font-size:.75rem;color:var(--grey-950);font-family:var(--jost);font-weight:700;padding:.5rem .75rem;border-radius:6px;height:44px;transition:all .2s ease;border:none;&.link{text-decoration:none;line-height:2.4}&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:var(--grey-400);cursor:pointer}&:not(.disabled,[disabled]):active{background:var(--grey-450)}&.disabled,&[disabled]{opacity:.2;cursor:not-allowed}}.button--mini{font-size:.75rem;padding:.25rem .75rem;height:auto}.button--invert{background:none;color:var(--grey-300);border:1px solid var(--grey-300);&:not(.disabled,[disabled]):active,&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:none;color:var(--grey-450);border-color:var(--grey-450)}&.disabled,&[disabled]{opacity:.2;cursor:not-allowed}}.button--primary{background:var(--primary-color);color:var(--grey-950);border:none;&.link{color:var(--grey-950)}&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:var(--primary-color--hover);color:var(--grey-950)}&:not(.disabled,[disabled]):active{background:var(--primary-color--pressed)}&.disabled,&[disabled]{background:var(--primary-color);opacity:.4;cursor:not-allowed}}.button--primary-invert{background:none;color:var(--primary-color);border:1px solid var(--primary-color);&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:none;border-color:var(--primary-color--hover);color:var(--primary-color--hover)}&:not(.disabled,[disabled]):active{border-color:var(--primary-color--pressed);color:var(--primary-color--pressed);background:none}&.disabled,&[disabled]{border-color:var(--primary-color);color:var(--primary-color);opacity:.4;cursor:not-allowed}}.button--text{background:none;color:var(--grey-550);border:none;padding:0;height:auto;font-weight:400;&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:none;border:none;color:var(--white);text-decoration:underline}&:not(.disabled,[disabled]):active{border-color:var(--primary-color--pressed);color:var(--primary-color--pressed);background:none}}.button--text-contrast{background:none;color:var(--white);border:none;padding:0;height:auto;font-weight:400;&:not(.disabled,[disabled]):focus,&:not(.disabled,[disabled]):hover{background:none;border:none;color:var(--primary-color);text-decoration:underline}&:not(.disabled,[disabled]):active{border-color:var(--primary-color--pressed);color:var(--primary-color--pressed);background:none}}.button--full-width{width:100%}