.button{align-items:center;background-color:transparent;width:-moz-fit-content;width:fit-content;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-family:var(--poppins);line-height:normal;font-size:.875rem;font-style:normal;font-weight:600;justify-content:center;transition:.2s}.button>.text{padding-inline:4px}.button.xs{padding:1.5px .25rem}.button.sm{padding:5.5px .5rem}.button.md{padding:11.5px .625rem}.button.lg{padding:1rem 1.5rem}.button.bared{border:none;background-color:transparent}.button.bared.primary,.button.bared.secondary .icon{color:var(--primary-600)}.button.filled.primary{background-color:var(--primary-600);color:var(--base-01)}.button.filled.primary:hover:not(:disabled){background-color:var(--primary-800)}.button.filled.primary:disabled{opacity:.55;cursor:auto}.button.filled.secondary{background-color:var(--primary-200);color:var(--primary-600)}.button.filled.secondary:hover:not(:disabled){color:var(--primary-800)}.button.filled.secondary:hover:not(:disabled) .icon{color:var(--primary-800)}.button.filled.secondary:disabled{cursor:auto;opacity:.55}.button.filled.secondary:disabled>.text{color:var(--primary-600)}.button.filled.secondary .icon{color:var(--primary-600)}.button.filled.accent{background-color:var(--secondary-600);color:var(--primary-1000)}.button.filled.accent:hover:not(:disabled){background-color:var(--secondary-800)}.button.filled.accent:disabled{opacity:.55;cursor:auto}.button.filled.accent .icon{color:var(--base-01)}.button.filled.error{background-color:var(--error-bg);color:var(--error-fill)}.button.filled.error:hover:not(:disabled){background-color:var(--error-bg)}.button.filled.error:disabled{opacity:.55;cursor:auto}.button.filled.error .icon{color:var(--error-fill)}.button.filled.icon{font-size:12px}.button.filled.icon .icon{color:var(--error-fill);font-size:12px}.button.outlined.primary{color:var(--primary-600);border:2px solid var(--primary-600)}.button.outlined.primary:hover{background-color:var(--primary-200);color:var(--primary-800)}.button.outlined.primary:disabled{opacity:.56;pointer-events:none}.button.outlined.primary:disabled .icon{color:var(--primary-600)}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}