button{outline:none;border:none}.button{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0 1rem;text-align:center;font-family:Inter!important;border-radius:.5rem;font-size:.875rem;line-height:18px;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.button.square{width:36px;min-width:36px;padding:0 .125rem}.button.square.large{width:36px;height:36px;min-width:36px}.button.withIcon{padding:0 1rem 0 .75rem}.button.withIcon svg{margin-right:.5rem}.button.withIcon.withIconRight{padding:0 .25rem 0 1rem}.button.withIcon.withIconRight svg{margin-left:.5rem}.button:focus{box-shadow:none!important;outline:none}.button .ripple-effect{position:absolute;height:.625rem;width:.625rem;border-radius:50%;transform:translate3d(-50%,-50%,0)}.button .icon{width:1.125rem;height:1.125rem;min-width:1.125rem}.button.large{height:2.25rem}.button.medium{height:2rem;font-size:.813rem;font-weight:500!important}.button.small{height:1.75rem;font-size:13px;font-weight:500!important}.button.small .icon{width:1rem;height:1rem;min-width:1rem}.button.primary{color:var(--white);background-color:var(--black9);font-weight:600}.button.primary:hover{background-color:var(--black7)}.button.primary:disabled{color:var(--black3);background-color:var(--black1);border:none;box-shadow:none}.button.secondary{color:var(--black5);background-color:var(--white);border:1px solid var(--black2);box-shadow:0 1px 2px #1214170f;font-weight:500}.button.secondary:hover{background-color:var(--black0)}.button.secondary:disabled{color:var(--black3);background-color:var(--black1);border:none;box-shadow:none}.button.ghost{color:var(--white);background-color:transparent;border:2px solid var(--white);box-shadow:0 1px 2px #1214170f;font-weight:500}.button.ghost:hover{background-color:var(--black0)}.button.ghost:disabled{color:var(--black3);background-color:var(--black1);border:none;box-shadow:none}.button.warning{color:#fff;background-color:var(--red6);font-weight:600}.button.warning>.spin-2>div{background:#fff}.button.warning svg path{stroke:#fff}.button.warning:hover{background-color:var(--red7)}.button.warning:disabled{color:var(--black3);background-color:var(--black1);border:none;box-shadow:none}