.button-base{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:20px;font-family:var(--font-family);transition:all .2s;cursor:pointer;white-space:nowrap;border-radius:6px}.button-base:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.button-base:disabled{opacity:.5;cursor:not-allowed}.button-sm{padding:6px 12px;font-size:13px;gap:6px;height:32px}.button-md{padding:8px 12px;font-size:14px;gap:8px;height:32px}.button-lg{padding:10px 16px;font-size:14px;gap:8px;height:32px}.button-primary{background-color:var(--color-primary-600);color:var(--color-white);border:none}.button-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.button-primary:active:not(:disabled){background-color:var(--color-primary-800)}.button-secondary{background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.button-secondary:hover:not(:disabled){background-color:var(--color-gray-50)}.button-secondary:active:not(:disabled){background-color:var(--color-gray-100)}.button-outlined{background-color:var(--color-white);color:var(--color-primary-600);border:1px solid var(--color-primary-200)}.button-outlined:hover:not(:disabled){background-color:var(--color-primary-50)}.button-outlined:active:not(:disabled){background-color:var(--color-primary-100)}.button-primary.button-outlined{color:var(--color-primary-600);border-color:var(--color-primary-300);background-color:var(--color-white)}.button-primary.button-outlined:hover:not(:disabled){background-color:var(--color-primary-50)}.button-primary.button-outlined:active:not(:disabled){background-color:var(--color-primary-100)}.button-danger.button-outlined{color:var(--color-red-600);border-color:var(--color-red-300);background-color:var(--color-white)}.button-danger.button-outlined:hover:not(:disabled){background-color:var(--color-red-50);border-color:var(--color-red-300)}.button-danger.button-outlined:active:not(:disabled){background-color:var(--color-red-100);border-color:var(--color-red-300)}.button-secondary.button-outlined{color:var(--color-gray-600);border-color:var(--color-gray-300);background-color:var(--color-white)}.button-secondary.button-outlined:hover:not(:disabled){background-color:var(--color-gray-50)}.button-secondary.button-outlined:active:not(:disabled){background-color:var(--color-gray-100)}.button-text{background-color:transparent;color:var(--color-primary-600);border:1px solid transparent}.button-text:hover:not(:disabled){background-color:var(--color-primary-50)}.button-text:active:not(:disabled){background-color:var(--color-primary-100)}.button-danger{background-color:var(--color-red-600);color:var(--color-white);border-color:var(--color-red-600)}.button-danger:hover:not(:disabled){background-color:var(--color-red-700);border-color:var(--color-red-700)}.button-danger:active:not(:disabled){background-color:var(--color-red-800);border-color:var(--color-red-800)}.button-info{background-color:var(--color-blue-600);color:var(--color-white);border-color:var(--color-blue-600)}.button-info:hover:not(:disabled){background-color:var(--color-blue-700);border-color:var(--color-blue-700)}.button-info:active:not(:disabled){background-color:var(--color-blue-800);border-color:var(--color-blue-800)}.button-warning{background-color:var(--color-orange-600);color:var(--color-white);border-color:var(--color-orange-600)}.button-warning:hover:not(:disabled){background-color:var(--color-orange-700);border-color:var(--color-orange-700)}.button-warning:active:not(:disabled){background-color:var(--color-orange-800);border-color:var(--color-orange-800)}.button-rounded{border-radius:9999px}.button-link{background-color:transparent!important;color:var(--color-primary-600);border:none;padding:0;text-decoration:underline;text-underline-offset:2px;font-weight:500;height:auto;min-height:auto;gap:0}.button-link:hover:not(:disabled){background-color:transparent!important;color:var(--color-primary-700);text-decoration:underline}.button-link:active:not(:disabled){background-color:transparent!important;color:var(--color-primary-800);text-decoration:underline}.button-link:disabled{opacity:.5;cursor:not-allowed}.button-link.button-sm,.button-link.button-md,.button-link.button-lg{padding:0;height:auto;min-height:auto}.button-base[aria-busy=true]{position:relative}@media(max-width:640px){.button-lg{padding:8px 16px;font-size:14px;min-height:32px}}