.btn{border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font:inherit}.btn--small{padding:6px 12px;font-size:.8rem}.btn--medium{padding:10px 20px;font-size:1rem}.btn--large{padding:14px 28px;font-size:1.2rem}.btn--contained{color:var(--color-text)}.btn--outlined{background:transparent;border:2px solid}.btn--text{background:none;border:none}.btn--primary{background-color:var(--color-primary);color:var(--color-text)}.btn--primary.btn--outlined,.btn--primary.btn--text,.btn--secondary{color:var(--color-primary)}.btn--secondary{background-color:var(--color-secondary-light)}.btn--secondary.btn--outlined,.btn--secondary.btn--text{color:var(--color-secondary)}.btn--danger{background-color:var(--color-danger);color:var(--color-text)}.btn--danger.btn--outlined,.btn--danger.btn--text{color:var(--color-danger)}.btn:not(.btn--disabled):hover{filter:brightness(.8)}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}