.p-button { display: inline-flex; cursor: pointer; user-select: none; align-items: center; justify-content: center; overflow: hidden; position: relative; color: var(--p-button-primary-color); background: var(--p-button-primary-background); border: 1px solid var(--p-button-primary-border-color); padding: var(--p-button-padding-y) var(--p-button-padding-x); font-size: 1rem; font-family: inherit; font-feature-settings: inherit; transition: background var(--p-button-transition-duration),color var(--p-button-transition-duration),border-color var(--p-button-transition-duration),outline-color var(--p-button-transition-duration),box-shadow var(--p-button-transition-duration); border-radius: var(--p-button-border-radius); outline-color: transparent; gap: var(--p-button-gap); }
.p-button:disabled { cursor: default; }
.p-button-icon-right { order: 1; }
.p-button-icon-right:dir(rtl) { order: -1; }
.p-button:not(.p-button-vertical) .p-button-icon:not(.p-button-icon-right):dir(rtl) { order: 1; }
.p-button-icon-bottom { order: 2; }
.p-button-icon-only { width: var(--p-button-icon-only-width); padding-inline: 0px; gap: 0px; }
.p-button-icon-only.p-button-rounded { border-radius: 50%; height: var(--p-button-icon-only-width); }
.p-button-icon-only .p-button-label { visibility: hidden; width: 0px; }
.p-button-icon-only::after { content: " "; visibility: hidden; width: 0px; }
.p-button-sm { font-size: var(--p-button-sm-font-size); padding: var(--p-button-sm-padding-y) var(--p-button-sm-padding-x); }
.p-button-sm .p-button-icon { font-size: var(--p-button-sm-font-size); }
.p-button-sm.p-button-icon-only { width: var(--p-button-sm-icon-only-width); }
.p-button-sm.p-button-icon-only.p-button-rounded { height: var(--p-button-sm-icon-only-width); }
.p-button-lg { font-size: var(--p-button-lg-font-size); padding: var(--p-button-lg-padding-y) var(--p-button-lg-padding-x); }
.p-button-lg .p-button-icon { font-size: var(--p-button-lg-font-size); }
.p-button-lg.p-button-icon-only { width: var(--p-button-lg-icon-only-width); }
.p-button-lg.p-button-icon-only.p-button-rounded { height: var(--p-button-lg-icon-only-width); }
.p-button-vertical { flex-direction: column; }
.p-button-label { font-weight: var(--p-button-label-font-weight); }
.p-button-fluid { width: 100%; }
.p-button-fluid.p-button-icon-only { width: var(--p-button-icon-only-width); }
.p-button:not(:disabled):hover { background: var(--p-button-primary-hover-background); border: 1px solid var(--p-button-primary-hover-border-color); color: var(--p-button-primary-hover-color); }
.p-button:not(:disabled):active { background: var(--p-button-primary-active-background); border: 1px solid var(--p-button-primary-active-border-color); color: var(--p-button-primary-active-color); }
.p-button:focus-visible { box-shadow: var(--p-button-primary-focus-ring-shadow); outline: var(--p-button-focus-ring-width) var(--p-button-focus-ring-style) var(--p-button-primary-focus-ring-color); outline-offset: var(--p-button-focus-ring-offset); }
.p-button .p-badge { min-width: var(--p-button-badge-size); height: var(--p-button-badge-size); line-height: var(--p-button-badge-size); }
.p-button-raised { box-shadow: var(--p-button-raised-shadow); }
.p-button-rounded { border-radius: var(--p-button-rounded-border-radius); }
.p-button-secondary { background: var(--p-button-secondary-background); border: 1px solid var(--p-button-secondary-border-color); color: var(--p-button-secondary-color); }
.p-button-secondary:not(:disabled):hover { background: var(--p-button-secondary-hover-background); border: 1px solid var(--p-button-secondary-hover-border-color); color: var(--p-button-secondary-hover-color); }
.p-button-secondary:not(:disabled):active { background: var(--p-button-secondary-active-background); border: 1px solid var(--p-button-secondary-active-border-color); color: var(--p-button-secondary-active-color); }
.p-button-secondary:focus-visible { outline-color: var(--p-button-secondary-focus-ring-color); box-shadow: var(--p-button-secondary-focus-ring-shadow); }
.p-button-success { background: var(--p-button-success-background); border: 1px solid var(--p-button-success-border-color); color: var(--p-button-success-color); }
.p-button-success:not(:disabled):hover { background: var(--p-button-success-hover-background); border: 1px solid var(--p-button-success-hover-border-color); color: var(--p-button-success-hover-color); }
.p-button-success:not(:disabled):active { background: var(--p-button-success-active-background); border: 1px solid var(--p-button-success-active-border-color); color: var(--p-button-success-active-color); }
.p-button-success:focus-visible { outline-color: var(--p-button-success-focus-ring-color); box-shadow: var(--p-button-success-focus-ring-shadow); }
.p-button-info { background: var(--p-button-info-background); border: 1px solid var(--p-button-info-border-color); color: var(--p-button-info-color); }
.p-button-info:not(:disabled):hover { background: var(--p-button-info-hover-background); border: 1px solid var(--p-button-info-hover-border-color); color: var(--p-button-info-hover-color); }
.p-button-info:not(:disabled):active { background: var(--p-button-info-active-background); border: 1px solid var(--p-button-info-active-border-color); color: var(--p-button-info-active-color); }
.p-button-info:focus-visible { outline-color: var(--p-button-info-focus-ring-color); box-shadow: var(--p-button-info-focus-ring-shadow); }
.p-button-warn { background: var(--p-button-warn-background); border: 1px solid var(--p-button-warn-border-color); color: var(--p-button-warn-color); }
.p-button-warn:not(:disabled):hover { background: var(--p-button-warn-hover-background); border: 1px solid var(--p-button-warn-hover-border-color); color: var(--p-button-warn-hover-color); }
.p-button-warn:not(:disabled):active { background: var(--p-button-warn-active-background); border: 1px solid var(--p-button-warn-active-border-color); color: var(--p-button-warn-active-color); }
.p-button-warn:focus-visible { outline-color: var(--p-button-warn-focus-ring-color); box-shadow: var(--p-button-warn-focus-ring-shadow); }
.p-button-help { background: var(--p-button-help-background); border: 1px solid var(--p-button-help-border-color); color: var(--p-button-help-color); }
.p-button-help:not(:disabled):hover { background: var(--p-button-help-hover-background); border: 1px solid var(--p-button-help-hover-border-color); color: var(--p-button-help-hover-color); }
.p-button-help:not(:disabled):active { background: var(--p-button-help-active-background); border: 1px solid var(--p-button-help-active-border-color); color: var(--p-button-help-active-color); }
.p-button-help:focus-visible { outline-color: var(--p-button-help-focus-ring-color); box-shadow: var(--p-button-help-focus-ring-shadow); }
.p-button-danger { background: var(--p-button-danger-background); border: 1px solid var(--p-button-danger-border-color); color: var(--p-button-danger-color); }
.p-button-danger:not(:disabled):hover { background: var(--p-button-danger-hover-background); border: 1px solid var(--p-button-danger-hover-border-color); color: var(--p-button-danger-hover-color); }
.p-button-danger:not(:disabled):active { background: var(--p-button-danger-active-background); border: 1px solid var(--p-button-danger-active-border-color); color: var(--p-button-danger-active-color); }
.p-button-danger:focus-visible { outline-color: var(--p-button-danger-focus-ring-color); box-shadow: var(--p-button-danger-focus-ring-shadow); }
.p-button-contrast { background: var(--p-button-contrast-background); border: 1px solid var(--p-button-contrast-border-color); color: var(--p-button-contrast-color); }
.p-button-contrast:not(:disabled):hover { background: var(--p-button-contrast-hover-background); border: 1px solid var(--p-button-contrast-hover-border-color); color: var(--p-button-contrast-hover-color); }
.p-button-contrast:not(:disabled):active { background: var(--p-button-contrast-active-background); border: 1px solid var(--p-button-contrast-active-border-color); color: var(--p-button-contrast-active-color); }
.p-button-contrast:focus-visible { outline-color: var(--p-button-contrast-focus-ring-color); box-shadow: var(--p-button-contrast-focus-ring-shadow); }
.p-button-outlined { background: transparent; border-color: var(--p-button-outlined-primary-border-color); color: var(--p-button-outlined-primary-color); }
.p-button-outlined:not(:disabled):hover { background: var(--p-button-outlined-primary-hover-background); border-color: var(--p-button-outlined-primary-border-color); color: var(--p-button-outlined-primary-color); }
.p-button-outlined:not(:disabled):active { background: var(--p-button-outlined-primary-active-background); border-color: var(--p-button-outlined-primary-border-color); color: var(--p-button-outlined-primary-color); }
.p-button-outlined.p-button-secondary { border-color: var(--p-button-outlined-secondary-border-color); color: var(--p-button-outlined-secondary-color); }
.p-button-outlined.p-button-secondary:not(:disabled):hover { background: var(--p-button-outlined-secondary-hover-background); border-color: var(--p-button-outlined-secondary-border-color); color: var(--p-button-outlined-secondary-color); }
.p-button-outlined.p-button-secondary:not(:disabled):active { background: var(--p-button-outlined-secondary-active-background); border-color: var(--p-button-outlined-secondary-border-color); color: var(--p-button-outlined-secondary-color); }
.p-button-outlined.p-button-success { border-color: var(--p-button-outlined-success-border-color); color: var(--p-button-outlined-success-color); }
.p-button-outlined.p-button-success:not(:disabled):hover { background: var(--p-button-outlined-success-hover-background); border-color: var(--p-button-outlined-success-border-color); color: var(--p-button-outlined-success-color); }
.p-button-outlined.p-button-success:not(:disabled):active { background: var(--p-button-outlined-success-active-background); border-color: var(--p-button-outlined-success-border-color); color: var(--p-button-outlined-success-color); }
.p-button-outlined.p-button-info { border-color: var(--p-button-outlined-info-border-color); color: var(--p-button-outlined-info-color); }
.p-button-outlined.p-button-info:not(:disabled):hover { background: var(--p-button-outlined-info-hover-background); border-color: var(--p-button-outlined-info-border-color); color: var(--p-button-outlined-info-color); }
.p-button-outlined.p-button-info:not(:disabled):active { background: var(--p-button-outlined-info-active-background); border-color: var(--p-button-outlined-info-border-color); color: var(--p-button-outlined-info-color); }
.p-button-outlined.p-button-warn { border-color: var(--p-button-outlined-warn-border-color); color: var(--p-button-outlined-warn-color); }
.p-button-outlined.p-button-warn:not(:disabled):hover { background: var(--p-button-outlined-warn-hover-background); border-color: var(--p-button-outlined-warn-border-color); color: var(--p-button-outlined-warn-color); }
.p-button-outlined.p-button-warn:not(:disabled):active { background: var(--p-button-outlined-warn-active-background); border-color: var(--p-button-outlined-warn-border-color); color: var(--p-button-outlined-warn-color); }
.p-button-outlined.p-button-help { border-color: var(--p-button-outlined-help-border-color); color: var(--p-button-outlined-help-color); }
.p-button-outlined.p-button-help:not(:disabled):hover { background: var(--p-button-outlined-help-hover-background); border-color: var(--p-button-outlined-help-border-color); color: var(--p-button-outlined-help-color); }
.p-button-outlined.p-button-help:not(:disabled):active { background: var(--p-button-outlined-help-active-background); border-color: var(--p-button-outlined-help-border-color); color: var(--p-button-outlined-help-color); }
.p-button-outlined.p-button-danger { border-color: var(--p-button-outlined-danger-border-color); color: var(--p-button-outlined-danger-color); }
.p-button-outlined.p-button-danger:not(:disabled):hover { background: var(--p-button-outlined-danger-hover-background); border-color: var(--p-button-outlined-danger-border-color); color: var(--p-button-outlined-danger-color); }
.p-button-outlined.p-button-danger:not(:disabled):active { background: var(--p-button-outlined-danger-active-background); border-color: var(--p-button-outlined-danger-border-color); color: var(--p-button-outlined-danger-color); }
.p-button-outlined.p-button-contrast { border-color: var(--p-button-outlined-contrast-border-color); color: var(--p-button-outlined-contrast-color); }
.p-button-outlined.p-button-contrast:not(:disabled):hover { background: var(--p-button-outlined-contrast-hover-background); border-color: var(--p-button-outlined-contrast-border-color); color: var(--p-button-outlined-contrast-color); }
.p-button-outlined.p-button-contrast:not(:disabled):active { background: var(--p-button-outlined-contrast-active-background); border-color: var(--p-button-outlined-contrast-border-color); color: var(--p-button-outlined-contrast-color); }
.p-button-outlined.p-button-plain { border-color: var(--p-button-outlined-plain-border-color); color: var(--p-button-outlined-plain-color); }
.p-button-outlined.p-button-plain:not(:disabled):hover { background: var(--p-button-outlined-plain-hover-background); border-color: var(--p-button-outlined-plain-border-color); color: var(--p-button-outlined-plain-color); }
.p-button-outlined.p-button-plain:not(:disabled):active { background: var(--p-button-outlined-plain-active-background); border-color: var(--p-button-outlined-plain-border-color); color: var(--p-button-outlined-plain-color); }
.p-button-text { background: transparent; border-color: transparent; color: var(--p-button-text-primary-color); }
.p-button-text:not(:disabled):hover { background: var(--p-button-text-primary-hover-background); border-color: transparent; color: var(--p-button-text-primary-color); }
.p-button-text:not(:disabled):active { background: var(--p-button-text-primary-active-background); border-color: transparent; color: var(--p-button-text-primary-color); }
.p-button-text.p-button-secondary { background: transparent; border-color: transparent; color: var(--p-button-text-secondary-color); }
.p-button-text.p-button-secondary:not(:disabled):hover { background: var(--p-button-text-secondary-hover-background); border-color: transparent; color: var(--p-button-text-secondary-color); }
.p-button-text.p-button-secondary:not(:disabled):active { background: var(--p-button-text-secondary-active-background); border-color: transparent; color: var(--p-button-text-secondary-color); }
.p-button-text.p-button-success { background: transparent; border-color: transparent; color: var(--p-button-text-success-color); }
.p-button-text.p-button-success:not(:disabled):hover { background: var(--p-button-text-success-hover-background); border-color: transparent; color: var(--p-button-text-success-color); }
.p-button-text.p-button-success:not(:disabled):active { background: var(--p-button-text-success-active-background); border-color: transparent; color: var(--p-button-text-success-color); }
.p-button-text.p-button-info { background: transparent; border-color: transparent; color: var(--p-button-text-info-color); }
.p-button-text.p-button-info:not(:disabled):hover { background: var(--p-button-text-info-hover-background); border-color: transparent; color: var(--p-button-text-info-color); }
.p-button-text.p-button-info:not(:disabled):active { background: var(--p-button-text-info-active-background); border-color: transparent; color: var(--p-button-text-info-color); }
.p-button-text.p-button-warn { background: transparent; border-color: transparent; color: var(--p-button-text-warn-color); }
.p-button-text.p-button-warn:not(:disabled):hover { background: var(--p-button-text-warn-hover-background); border-color: transparent; color: var(--p-button-text-warn-color); }
.p-button-text.p-button-warn:not(:disabled):active { background: var(--p-button-text-warn-active-background); border-color: transparent; color: var(--p-button-text-warn-color); }
.p-button-text.p-button-help { background: transparent; border-color: transparent; color: var(--p-button-text-help-color); }
.p-button-text.p-button-help:not(:disabled):hover { background: var(--p-button-text-help-hover-background); border-color: transparent; color: var(--p-button-text-help-color); }
.p-button-text.p-button-help:not(:disabled):active { background: var(--p-button-text-help-active-background); border-color: transparent; color: var(--p-button-text-help-color); }
.p-button-text.p-button-danger { background: transparent; border-color: transparent; color: var(--p-button-text-danger-color); }
.p-button-text.p-button-danger:not(:disabled):hover { background: var(--p-button-text-danger-hover-background); border-color: transparent; color: var(--p-button-text-danger-color); }
.p-button-text.p-button-danger:not(:disabled):active { background: var(--p-button-text-danger-active-background); border-color: transparent; color: var(--p-button-text-danger-color); }
.p-button-text.p-button-contrast { background: transparent; border-color: transparent; color: var(--p-button-text-contrast-color); }
.p-button-text.p-button-contrast:not(:disabled):hover { background: var(--p-button-text-contrast-hover-background); border-color: transparent; color: var(--p-button-text-contrast-color); }
.p-button-text.p-button-contrast:not(:disabled):active { background: var(--p-button-text-contrast-active-background); border-color: transparent; color: var(--p-button-text-contrast-color); }
.p-button-text.p-button-plain { background: transparent; border-color: transparent; color: var(--p-button-text-plain-color); }
.p-button-text.p-button-plain:not(:disabled):hover { background: var(--p-button-text-plain-hover-background); border-color: transparent; color: var(--p-button-text-plain-color); }
.p-button-text.p-button-plain:not(:disabled):active { background: var(--p-button-text-plain-active-background); border-color: transparent; color: var(--p-button-text-plain-color); }
.p-button-link { background: transparent; border-color: transparent; color: var(--p-button-link-color); }
.p-button-link:not(:disabled):hover { background: transparent; border-color: transparent; color: var(--p-button-link-hover-color); }
.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; }
.p-button-link:not(:disabled):active { background: transparent; border-color: transparent; color: var(--p-button-link-active-color); }