.base-button{align-items:center;border:none;border-radius:.2rem;-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;font-size:1rem;justify-content:center;outline:none;padding:.35rem;transition:background-color .2s ease}.base-button__loading-icon{animation:spin 1s linear infinite}.base-button__icon{height:1.25rem;width:1.25rem}.base-button--solid{background-color:#78a0f7;color:#1b1c27}.base-button--solid:hover{background-color:color-mix(in hsl,#78a0f7,transparent 20%)}.base-button--soft{background-color:transparent;color:#78a0f7}.base-button--soft:hover{background-color:color-mix(in hsl,#78a0f7,transparent 80%)}.base-button--outline{background-color:transparent;color:#78a0f7;outline:1px solid #78a0f7}.base-button--outline:hover,.base-button--subtle{background-color:color-mix(in hsl,#78a0f7,transparent 90%)}.base-button--subtle{color:#78a0f7}.base-button--subtle:hover{background-color:color-mix(in hsl,#78a0f7,transparent 70%)}