.middle-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100rem;justify-content:center;align-items:center;width:13.375rem;height:3rem;font-size:.875rem;font-weight:600;display:flex}@media (width<=1024px){.middle-btn{height:2.7rem;padding-inline:1.3rem;width:auto!important}}.middle-btn svg{width:1.25rem;height:1.25rem;margin-right:.625rem}.middle-btn.disable{background:var(--muted);color:#8f969c}.middle-btn.error{color:var(--destructive);background:#fef4f6}.middle-btn .spinner>div{background-color:#fff}.middle-btn{transition:background-color .3s;position:relative}.middle-btn:before{content:"";background-color:var(--static-white-24);border-radius:inherit;opacity:0;transition:opacity .3s;position:absolute;inset:0}.middle-btn:hover:not(.disabled,.inactive,.invalid-input):before{opacity:1}.middle-btn-white .loader{--_g:no-repeat radial-gradient(circle closest-side, #000 90%, #0000)}.middle-btn-white{color:#000;cursor:pointer;border:1px solid var(--muted);background:#fff;border-radius:100rem;justify-content:center;align-items:center;width:13.375rem;height:3rem;font-size:.875rem;font-weight:600;transition:border-color .3s;display:flex}.middle-btn-white:hover{border-color:var(--input)}.middle-btn-white svg{width:1.25rem;height:1.25rem;margin-right:.625rem}.middle-btn-white .spinner>div{background-color:#000}.middle-btn-white--logo{background:0 0;border:none;border-radius:24px;width:80px;height:48px;padding:0}.middle-btn-white--logo svg{width:100%;height:100%;margin-right:0}.middle-btn-green{color:#000;cursor:pointer;background:#5bf0a5;border-radius:100rem;justify-content:center;align-items:center;width:13.375rem;height:2.625rem;font-size:.875rem;font-weight:600;display:flex}.middle-btn-green svg{width:1.875rem;height:1.875rem;margin-right:.25rem}