.pn-Button{justify-content:center;align-items:center;gap:var(--perron-space-200);block-size:var(--perron-size-button);padding-block:0;padding-inline:var(--perron-space-400);border:var(--perron-border-width-025) solid transparent;border-radius:var(--perron-radius-md);white-space:nowrap;vertical-align:middle;cursor:pointer;margin:0;display:inline-flex}.pn-Button[data-size=small]{gap:var(--perron-space-150);block-size:var(--perron-size-button-sm);padding-inline:var(--perron-space-300)}.pn-Button[data-full-width]{inline-size:100%}.pn-Button-label{font:var(--perron-typography-label);letter-spacing:var(--perron-typography-label-tracking)}.pn-Button-startIcon,.pn-Button-endIcon{--perron-icon-size:var(--perron-icon-size-400);flex:none;display:inline-flex}.pn-Button[data-variant=solid][data-color=neutral]{background-color:var(--perron-color-surface-inverse);color:var(--perron-color-text-inverse);border-color:#0000}@media (hover:hover){.pn-Button[data-variant=solid][data-color=neutral]:hover:not([data-disabled]){background-color:var(--perron-color-surface-inverse-hover)}}.pn-Button[data-variant=solid][data-color=neutral]:active:not([data-disabled]){background-color:var(--perron-color-surface-inverse-pressed)}.pn-Button[data-variant=solid][data-color=brand]{border-color:var(--perron-color-border-brand);background-color:var(--perron-color-surface-brand);color:var(--perron-color-text-on-color-dark)}@media (hover:hover){.pn-Button[data-variant=solid][data-color=brand]:hover:not([data-disabled]){background-color:var(--perron-color-surface-brand-hover)}}.pn-Button[data-variant=solid][data-color=brand]:active:not([data-disabled]){background-color:var(--perron-color-surface-brand-pressed)}.pn-Button[data-variant=outline][data-color=neutral]{border-color:var(--perron-color-border-control);color:var(--perron-color-text-primary);background-color:#0000}.pn-Button[data-variant=outline][data-color=brand]{border-color:var(--perron-color-border-brand);color:var(--perron-color-text-brand);background-color:#0000}@media (hover:hover){.pn-Button[data-variant=outline]:hover:not([data-disabled]){background-color:var(--perron-color-surface-hover)}}.pn-Button[data-variant=outline]:active:not([data-disabled]){background-color:var(--perron-color-surface-selected)}.pn-Button[aria-pressed=false][data-color=neutral]{border-color:var(--perron-color-border-control);color:var(--perron-color-text-primary);background-color:#0000}.pn-Button[aria-pressed=false][data-color=brand]{border-color:var(--perron-color-border-brand);color:var(--perron-color-text-brand);background-color:#0000}@media (hover:hover){.pn-Button[aria-pressed=false][data-color]:hover:not([data-disabled]){background-color:var(--perron-color-surface-hover)}}.pn-Button[aria-pressed=false][data-color]:active:not([data-disabled]){background-color:var(--perron-color-surface-selected)}.pn-Button[aria-pressed=true][data-color=neutral]{background-color:var(--perron-color-surface-inverse);color:var(--perron-color-text-inverse);border-color:#0000}@media (hover:hover){.pn-Button[aria-pressed=true][data-color=neutral]:hover:not([data-disabled]){background-color:var(--perron-color-surface-inverse-hover)}}.pn-Button[aria-pressed=true][data-color=neutral]:active:not([data-disabled]){background-color:var(--perron-color-surface-inverse-pressed)}.pn-Button[aria-pressed=true][data-color=brand]{border-color:var(--perron-color-border-brand);background-color:var(--perron-color-surface-brand);color:var(--perron-color-text-on-color-dark)}@media (hover:hover){.pn-Button[aria-pressed=true][data-color=brand]:hover:not([data-disabled]){background-color:var(--perron-color-surface-brand-hover)}}.pn-Button[aria-pressed=true][data-color=brand]:active:not([data-disabled]){background-color:var(--perron-color-surface-brand-pressed)}.pn-Button[data-disabled]{cursor:default}.pn-Button[data-variant=solid][data-disabled]{background-color:var(--perron-color-surface-inset);color:var(--perron-color-text-tertiary);border-color:#0000}.pn-Button[data-variant=outline][data-disabled]{border-color:var(--perron-color-border-subtle);color:var(--perron-color-text-tertiary)}.pn-Button[aria-pressed=false][data-disabled]{border-color:var(--perron-color-border-subtle);color:var(--perron-color-text-tertiary);background-color:#0000}.pn-Button[aria-pressed=true][data-disabled]{background-color:var(--perron-color-surface-inset);color:var(--perron-color-text-tertiary);border-color:#0000}@media (forced-colors:active){.pn-Button[data-disabled]{color:graytext;border-color:graytext}.pn-Button[aria-pressed=true]:not([data-disabled]),.pn-Button[aria-pressed=true][data-color]:not([data-disabled]):is(:hover,:active){forced-color-adjust:none;color:highlighttext;background-color:highlight;border-color:#0000}.pn-Button[aria-pressed=true]:not([data-disabled]):focus-visible{outline-color:canvastext}.pn-Button[aria-pressed=true][data-disabled]{forced-color-adjust:none;color:canvas;background-color:graytext;border-color:#0000}}