.global-button{--clr-btn--400: var(--clr-primary);--clr-btn--500: #53349a;--btn--disabled: #bfbfbf;border:2px solid var(--clr-btn--400);color:#fff;font-weight:600;text-align:center;transition:all .2s ease-in-out}.global-button--primary{background-color:var(--clr-btn--400)}.global-button--primary:hover{background-color:var(--clr-btn--500);border-color:var(--clr-btn--500);color:#fff}.global-button--primary:active{color:var(--clr-btn--500);border-color:var(--clr-btn--500);background-color:#fff}.global-button--primary:disabled,.global-button--primary.disabled{background-color:var(--btn--disabled);border-color:var(--btn--disabled);color:#fff;cursor:not-allowed}.global-button--secondary{background-color:#fff;color:var(--clr-btn--400)}.global-button--secondary:hover{border-color:var(--clr-btn--500);color:var(--clr-btn--400)}.global-button--secondary:active{color:#fff;background-color:var(--clr-btn--500);border-color:var(--clr-btn--500)}.global-button--secondary:disabled,.global-button--secondary.disabled{border-color:var(--btn--disabled);color:var(--btn--disabled);cursor:not-allowed}.global-button--sm{padding:10px;font-size:14px;border-radius:var(--border-radius-sm)}.global-button--md{padding:10px;font-size:16px;border-radius:var(--border-radius-sm)}.global-button--lg{padding:10px;font-size:20px;border-radius:var(--border-radius-sm)}.button-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:button-spinner-loading 1s linear infinite;color:var(--clr-primary)}.global-button--primary .button-spinner{border-color:#fff;border-top-color:transparent;color:#fff}@keyframes button-spinner-loading{to{transform:rotate(360deg)}}