@layer pix-components{.pix-button{--_pix-button-bg:var(--color-primary);--_pix-button-text:var(--color-text-on-primary);--_pix-button-border:var(--color-primary);--_pix-button-bg-hover:var(--color-primary-hover);--_pix-button-text-hover:var(--color-text-on-primary);--_pix-button-border-hover:var(--_pix-button-bg-hover);padding:var(--_pix-button-padding-y,var(--spacing-small)) var(--_pix-button-padding-x,var(--spacing-small));border:var(--border-thin) solid var(--_pix-button-border);border-radius:var(--radius-button,0);background:var(--_pix-button-bg);color:var(--_pix-button-text);transition:background var(--duration-normal), color var(--duration-normal), border-color var(--duration-normal);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.pix-button:disabled,.pix-button[data-disabled=true]{opacity:var(--opacity-disabled-state);pointer-events:none;cursor:default}.pix-button:hover:not(:disabled,[data-disabled=true]){background:var(--_pix-button-bg-hover);color:var(--_pix-button-text-hover);border-color:var(--_pix-button-border-hover)}.pix-button[data-theme=secondary]{--_pix-button-bg:var(--color-secondary);--_pix-button-border:var(--color-secondary);--_pix-button-text:var(--color-text-on-secondary);--_pix-button-bg-hover:var(--color-secondary-hover);--_pix-button-text-hover:var(--color-text-on-secondary)}.pix-button[data-outline]{--_pix-button-bg:transparent;--_pix-button-border:var(--color-primary-outline);--_pix-button-text:var(--color-primary-outline);--_pix-button-bg-hover:var(--color-primary);--_pix-button-text-hover:var(--color-text-on-primary);--_pix-button-border-hover:var(--color-primary-outline-hover)}.pix-button[data-theme=secondary][data-outline]{--_pix-button-bg:transparent;--_pix-button-border:var(--color-secondary);--_pix-button-text:var(--color-secondary);--_pix-button-bg-hover:transparent;--_pix-button-text-hover:var(--color-secondary-hover);--_pix-button-border-hover:var(--color-secondary-hover)}}