.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-default);cursor:pointer;border:0;font-family:inherit;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s;display:inline-flex}.ui-button--block{width:100%}.ui-button--lg{padding:14px var(--space-4);font-size:var(--type-d-body-md);font-weight:var(--fw-medium);line-height:1}.ui-button--md{padding:10px var(--space-4);font-size:var(--type-d-body-sm);font-weight:var(--fw-medium);line-height:1}.ui-button--solid{background:var(--color-primary);color:var(--white)}.ui-button--solid:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--solid:active:not(:disabled){background:var(--color-primary-pressed)}.ui-button--gradient{background:linear-gradient(to bottom, var(--blue-600), var(--color-primary));color:var(--white);letter-spacing:-.0725px;box-shadow:inset 0 1px #ffffff2e,0 2px 2px #0d6ac740}.ui-button--gradient:hover:not(:disabled){background:linear-gradient(to bottom, var(--color-primary), var(--color-primary-hover));box-shadow:inset 0 1px #ffffff2e,0 4px 8px #0d6ac74d}.ui-button--gradient:active:not(:disabled){background:linear-gradient(to bottom, var(--color-primary-hover), var(--color-primary-hover));box-shadow:inset 0 1px 2px #04234140}.ui-button--outline{border:var(--border-width-default) solid var(--blue-100);background:var(--white);color:var(--color-primary)}.ui-button--outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-subtle)}.ui-button--muted{border:var(--border-width-default) solid var(--gray-100);background:var(--white);color:var(--gray-600)}.ui-button--muted:hover:not(:disabled){border-color:var(--gray-200);background:var(--gray-25)}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.ui-button__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ui-button-spin}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-button__spinner{animation-duration:2s}}