.button{cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;line-height:1;text-decoration:none;transition:all .2s}.button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--primary{background-color:var(--color-btn-primary-bg)}.button--primary:hover{background-color:color-mix(in srgb,var(--color-btn-primary-bg)90%,black 20%)}.button--primary.active{background-color:var(--color-btn-primary-bg-active)}.button--primary .button_text,.button--primary .button_icon i{color:var(--color-btn-primary-text)}.button--secondary{background-color:var(--color-btn-secondary-bg)}.button--secondary:hover{background-color:color-mix(in srgb,var(--color-btn-secondary-bg)90%,black 20%)}.button--secondary.active{background-color:var(--color-btn-secondary-bg-active)}.button--primary-outlined{border:.13rem solid var(--color-btn-primary-outlined);background-color:#0000}.button--primary-outlined:hover{background-color:var(--color-btn-primary-bg)}.button--primary-outlined .button_text,.button--primary-outlined .button_icon i{color:var(--color-btn-primary-outlined)}.button--primary-outlined:hover .button_text,.button--primary-outlined:hover .button_icon i{color:var(--color-btn-primary-text)}.button--secondary-outlined{border:.13rem solid var(--color-btn-secondary-outlined);background-color:#0000}.button--secondary-outlined:hover{background-color:var(--color-btn-secondary-outlined)}.button--secondary-outlined.active .button_text,.button--secondary-outlined.active .button_icon i{color:var(--color-btn-primary-outlined)}.button--ghost{background-color:#0000}.button--ghost:hover{background-color:var(--color-btn-secondary-outlined)}.button--ghost.active .button_text,.button--ghost.active .button_icon svg{fill:var(--color-btn-primary-outlined)}.button--danger{background-color:var(--color-btn-danger-bg)}.button--danger.active{background-color:var(--color-btn-danger-bg-active)}.button--danger:hover{background-color:color-mix(in srgb,var(--color-btn-danger-bg)90%,black 20%)}.button--danger .button_text,.button--danger .button_icon i{color:var(--color-btn-danger-text)}.button--small{border-radius:var(--border-radius-small);padding:.35rem 1rem;font-size:.875rem;line-height:1.4rem}.button--medium{border-radius:var(--border-radius-small);padding:.5rem 1.2rem;font-size:1rem;line-height:1.5rem}.button--large{border-radius:var(--border-radius);padding:.7rem 1.4rem;font-size:1.125rem;line-height:1.6rem}.button--xl{border-radius:var(--border-radius-large);padding:1rem 2rem;font-size:1.3rem;line-height:1.6rem}.button--small.button--primary-outlined,.button--small.button--secondary-outlined{padding:.22rem .9rem}.button--medium.button--primary-outlined,.button--medium.button--secondary-outlined{padding:.37rem 1rem}.button--large.button--primary-outlined,.button--large.button--secondary-outlined{padding:.57rem 1.3rem}.button--xl.button--primary-outlined,.button--xl.button--secondary-outlined{padding:.83rem 1.9rem}.button_icon{justify-content:center;align-items:center;display:flex}.button--small .button_icon i{font-size:1.4rem;line-height:1.4rem}.button--medium .button_icon i{font-size:1.5rem;line-height:1.5rem}.button--large .button_icon i{font-size:1.6rem;line-height:1.6rem}.button--xl .button_icon i{font-size:1.7rem;line-height:1.6rem}.button_icon--leading{margin-right:.5rem}.button_icon--trailing{margin-left:.5rem}.button--small.button--icon-only{padding:.35rem}.button--small.button--primary-outlined.button--icon-only,.button--small.button--secondary-outlined.button--icon-only{padding:.22rem}.button--medium.button--icon-only{padding:.5rem}.button--medium.button--primary-outlined.button--icon-only,.button--medium.button--secondary-outlined.button--icon-only{padding:.37rem}.button--large.button--icon-only{padding:.7rem}.button--large.button--primary-outlined.button--icon-only,.button--large.button--secondary-outlined.button--icon-only{padding:.57rem}.button--xl.button--icon-only{padding:1rem}.button--xl.button--primary-outlined.button--icon-only,.button--xl.button--secondary-outlined.button--icon-only{padding:.83rem}.button--icon-only .button_icon--leading{margin:0}