.base-button{align-items:center;border-radius:.375rem;border-width:0;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:center;max-height:2.25rem;padding-inline:.75rem;transition:all .2s ease;width:100%}.base-button:disabled{cursor:not-allowed;opacity:.7}.base-button--primary{background-color:#2563eb;color:#fff;font-size:1rem;font-weight:600;line-height:1.25rem;padding-block:.5rem}.base-button--primary:hover:not(:disabled){filter:brightness(85%)}.base-button--secondary{background-color:#fff;color:#101828;font-size:1rem;font-weight:500;line-height:1.25rem;outline:1px solid #e4e4e7;padding-block:.5rem}.base-button--login{background-color:#2563eb;border-radius:999px;color:#fff;line-height:1.25rem;padding-block:.375rem}.base-button--extra{background-color:#eff6ff;color:#2563eb}.base-button--danger,.base-button--extra{font-size:.875rem;font-weight:600;line-height:1.25rem;padding-block:.5rem}.base-button--danger{background-color:#ffe2e2;color:#c10007}.base-button:focus{box-shadow:0 0 0 .125rem #cbd5e1,0 0 0 .25rem #fffc;outline:none}.base-button--small{font-size:.875rem}.base-button--secondary.base-button--small{outline:1px solid #d4d4d8}.base-button__icon{align-items:center;color:var(--color-icon-primary);display:flex;height:1.25rem;justify-content:center;margin-right:.375rem;width:1.25rem}.base-button--primary .base-button__icon{color:#fff}