.button{border:0;outline:0;padding:.5rem .9375rem;border-radius:8px;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:Jost,sans-serif;font-size:.875rem;font-weight:500;color:#fff;text-align:center;transition:background-color,.25s}.button:hover{cursor:pointer}.button.has-rounded{border-radius:999px}.button.has-full-width{width:100%}.button--theme-black{background-color:#000;color:#fff}.button--theme-black:hover{background-color:#303030}.button--theme-blue{background-color:#3f75ff;color:#fff}.button--theme-blue:hover{background-color:#3766de}.button--theme-purple{background-color:#6941c6;color:#fff}.button--theme-purple:hover{background-color:#5a37ab}.button--theme-red{background-color:#ff4646;color:#fff}.button--theme-red:hover{background-color:#e43e3e}.button--theme-green{background-color:#4dbc7a;color:#fff}.button--theme-green:hover{background-color:#419f66}.button--theme-orange{background-color:#f3980f;color:#fff}.button--theme-orange:hover{background-color:#db890d}.button--theme-outline-black{border:1px solid #000;background-color:rgba(0,0,0,0);color:#000}.button--theme-outline-black:hover{background-color:rgba(0,0,0,.1019607843)}.button--theme-outline-grey{border:1px solid #e1e4ea;background-color:#fff;color:#525866}.button--theme-outline-grey:hover{background-color:#f7f8fb}.button--theme-outline-grey .button__icon{color:#525866}.button--theme-ghost-grey{background-color:rgba(0,0,0,0);color:#0a0a0a}.button--theme-ghost-grey:hover{background-color:#f7f8fb}.button--theme-ghost-grey .button__icon{color:#0a0a0a}.button--theme-primary-gradient{background:linear-gradient(45deg,#2b2ff7,#775dec,#9196ff)}.button--theme-secondary-gradient{background:linear-gradient(45deg,#f89dba,#e259ca,#7a62f9)}.button--theme-outline-primary-gradient{position:relative;z-index:1}.button--theme-outline-primary-gradient:before{border:2px solid rgba(0,0,0,0);background-image:linear-gradient(white,white),linear-gradient(45deg,#2b2ff7,#775dec,#9196ff);background-origin:border-box;background-clip:content-box,border-box;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;border-radius:8px;z-index:-1}.button--theme-outline-primary-gradient .button__text{background:-webkit-linear-gradient(45deg,#2b2ff7,#775dec,#9196ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.button--theme-outline-secondary-gradient{position:relative;z-index:1}.button--theme-outline-secondary-gradient:before{border:2px solid rgba(0,0,0,0);background-image:linear-gradient(white,white),linear-gradient(45deg,#f89dba,#e259ca,#7a62f9);background-origin:border-box;background-clip:content-box,border-box;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;border-radius:8px;z-index:-1}.button--theme-outline-secondary-gradient .button__text{background:-webkit-linear-gradient(45deg,#f89dba,#e259ca,#7a62f9);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.button--theme-outline-blue-gradient{position:relative;z-index:1}.button--theme-outline-blue-gradient:before{border:2px solid rgba(0,0,0,0);background-image:linear-gradient(white,white),linear-gradient(45deg,#77a9ee,#4a8ce9,#1c6fe3,#114388);background-origin:border-box;background-clip:content-box,border-box;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;border-radius:8px;z-index:-1}.button--theme-outline-blue-gradient .button__text{background:-webkit-linear-gradient(45deg,#77a9ee,#4a8ce9,#1c6fe3,#114388);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.button--size-small{padding:.375rem .625rem;font-size:.875rem}.button--size-small .button__icon{font-size:.875rem}.button--size-small-x-medium{padding:.375rem 1.5625rem;font-size:.875rem}.button--size-small-x-medium .button__icon{font-size:.875rem}.button--size-medium{height:2.25rem}.button--size-medium-x-big{padding:.5rem 3.4375rem;font-size:1rem}.button--size-big{padding:1rem;font-size:1rem}.button--size-big-x-big{padding:.875rem 6.25rem;font-size:1rem}.button__icon{font-size:1rem;display:flex;color:#fff}.button__icon--align-left{margin-right:.1875rem}.button__icon--align-right{margin-left:.1875rem}.button.has-disabled,.button[disabled]{pointer-events:none;opacity:.5}