.nv-button{gap:calc(var(--spacing)*1);border-radius:var(--radius-md);width:fit-content;height:fit-content;font-family:var(--font-sans);font-size:var(--text-14);--tw-leading:var(--leading-lh-100);line-height:var(--leading-lh-100);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);cursor:pointer;padding:var(--padding);font-size:var(--font-size);border-style:var(--tw-border-style);border-width:var(--border-width-1);border-color:var(--border-color);background-color:var(--bg-color);color:var(--text-color);flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;&:disabled{cursor:not-allowed}& svg{color:var(--icon-color,var(--text-color));flex-shrink:0}&,&:where(.nv-button--kind-primary){--border-color:transparent;&,&:where(.nv-button--color-neutral){--bg-color:var(--background-color-interaction-inverse);--text-color:var(--text-color-inverse);&:hover{--bg-color:var(--background-color-interaction-inverse-hover)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-interaction-inverse-pressed)}}&:where(.nv-button--color-brand){--bg-color:var(--background-color-interaction-primary-base);--text-color:var(--text-color-accent-black);&:hover{--bg-color:var(--background-color-interaction-primary-hover)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-interaction-primary-selected)}}&:where(.nv-button--color-danger){--bg-color:var(--background-color-feedback-danger-strong);--border-color:var(--border-color-feedback-danger-strong);--text-color:var(--text-color-accent-white);&:hover{--bg-color:var(--background-color-feedback-danger-hover)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-feedback-danger-pressed)}}&:disabled{--bg-color:var(--background-color-interaction-disabled);--border-color:transparent;--text-color:var(--text-color-disabled)}}&:where(.nv-button--kind-secondary){--bg-color:transparent;&,&:where(.nv-button--color-neutral){--border-color:var(--border-color-interaction-strong);--text-color:var(--text-color-primary);&:hover{--bg-color:var(--background-color-interaction-hover);--border-color:var(--border-color-interaction-strong)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-interaction-pressed);--border-color:var(--border-color-interaction-strong)}}&:where(.nv-button--color-brand){--border-color:var(--border-color-brand);--text-color:var(--text-color-primary);--icon-color:var(--text-color-brand);&:hover{--bg-color:var(--background-color-interaction-hover);--border-color:var(--border-color-brand)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-interaction-pressed);--border-color:var(--border-color-brand)}}&:where(.nv-button--color-danger){--border-color:var(--border-color-feedback-danger-strong);--text-color:var(--text-color-feedback-danger);&:hover{--border-color:var(--border-color-feedback-danger-strong);--bg-color:var(--background-color-feedback-danger-subtle-hover);--text-color:var(--text-color-feedback-danger-subtle)}&:active,&[data-state=open]:not([data-active-state=disabled]){--border-color:var(--border-color-feedback-danger-strong);--bg-color:var(--background-color-feedback-danger-subtle-pressed);--text-color:var(--text-color-feedback-danger-strong)}}&:disabled{--border-color:var(--border-color-interaction-disabled);--bg-color:transparent;--text-color:var(--text-color-disabled);--icon-color:var(--icon-color-disabled)}}&:where(.nv-button--kind-tertiary){--bg-color:transparent;--border-color:transparent;--text-color:var(--text-color-primary);&:hover{--bg-color:var(--background-color-interaction-hover)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-interaction-pressed)}&:where(.nv-button--color-brand){--icon-color:var(--text-color-brand)}&:where(.nv-button--color-danger){--text-color:var(--text-color-feedback-danger);&:hover{--bg-color:var(--background-color-feedback-danger-subtle-hover);--text-color:var(--text-color-feedback-danger-subtle)}&:active,&[data-state=open]:not([data-active-state=disabled]){--bg-color:var(--background-color-feedback-danger-subtle-pressed);--text-color:var(--text-color-feedback-danger-strong)}}&:disabled{--bg-color:transparent;--text-color:var(--text-color-disabled);--icon-color:var(--icon-color-disabled)}}&,&:where(.nv-button--size-medium){--padding:calc(var(--spacing)*3);--font-size:var(--text-14);&>svg{font-size:var(--text-16)}}&:where(.nv-button--size-tiny){--padding:calc(var(--spacing));--font-size:var(--text-12)}&:where(.nv-button--size-small){--padding:calc(var(--spacing)*2);--font-size:var(--text-12)}&:where(.nv-button--size-large){--padding:calc(var(--spacing)*4);--font-size:var(--text-16)}}