.pbtn{--btn-height: 40px;--btn-padding-x: var(--spacing-medium);--btn-padding-y: 0;--btn-font-size: 1.4rem;--btn-font-weight: var(--font-weight-medium);--btn-icon-font-size: 1.36em;--btn-border-width: 1px;--btn-border-radius: var(--border-radius-medium);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--spacing-small);max-width:100%;height:var(--btn-height);min-width:var(--btn-height);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-color);text-decoration:none;font-style:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--btn-border-width) solid var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--btn-bg);white-space:nowrap;vertical-align:top;text-overflow:ellipsis}.pbtn[hidden]{display:none}.pbtn:has(i[class*="fa-"]:only-child){padding:0}.pbtn>i{font-size:var(--btn-icon-font-size)}.pbtn.primary{--btn-color: var(--color-text);--btn-bg: var(--color-primary-500);--btn-border-color: var(--color-primary-500);--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-primary-600);--btn-hover-border-color: var(--color-primary-600);--btn-active-color: var(--color-text);--btn-active-bg: var(--color-primary-700);--btn-active-border-color: var(--color-primary-700);--btn-disabled-color: var(--color-text);--btn-disabled-bg: var(--color-primary-500);--btn-disabled-border-color: var(--color-primary-500);--btn-disabled-opacity: 0.5}.pbtn.secondary{--btn-color: var(--color-white);--btn-bg: var(--color-secondary-400);--btn-border-color: var(--color-secondary-400);--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-secondary-500);--btn-hover-border-color: var(--color-secondary-500);--btn-active-color: var(--color-white);--btn-active-bg: var(--color-secondary-600);--btn-active-border-color: var(--color-secondary-600);--btn-disabled-color: var(--color-white);--btn-disabled-bg: var(--color-secondary-400);--btn-disabled-border-color: var(--color-secondary-400);--btn-disabled-opacity: 0.5}.pbtn.tertiary{--btn-color: var(--color-white);--btn-bg: var(--color-tertiary-500);--btn-border-color: var(--color-tertiary-500);--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-tertiary-600);--btn-hover-border-color: var(--color-tertiary-600);--btn-active-color: var(--color-white);--btn-active-bg: var(--color-tertiary-700);--btn-active-border-color: var(--color-tertiary-700);--btn-disabled-color: var(--color-white);--btn-disabled-bg: var(--color-tertiary-500);--btn-disabled-border-color: var(--color-tertiary-500);--btn-disabled-opacity: 0.5}.pbtn.light{--btn-color: var(--color-text);--btn-bg: var(--color-white);--btn-border-color: var(--color-white);--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-secondary-200);--btn-hover-border-color: var(--color-secondary-200);--btn-active-color: var(--color-text);--btn-active-bg: var(--color-secondary-300);--btn-active-border-color: var(--color-secondary-300);--btn-disabled-color: var(--color-text);--btn-disabled-bg: var(--color-white);--btn-disabled-border-color: var(--color-white);--btn-disabled-opacity: 0.5}.pbtn.naked.primary{--btn-color: var(--color-primary-800);--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-primary-500);--btn-hover-border-color: transparent;--btn-active-color: var(--color-text);--btn-active-bg: var(--color-primary-600);--btn-active-border-color: transparent;--btn-disabled-color: var(--color-primary-800);--btn-disabled-bg: transparent;--btn-disabled-border-color: transparent;--btn-disabled-opacity: 0.5}.pbtn.naked.secondary{--btn-color: var(--color-secondary-800);--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-secondary-400);--btn-hover-border-color: transparent;--btn-active-color: var(--color-white);--btn-active-bg: var(--color-secondary-500);--btn-active-border-color: transparent;--btn-disabled-color: var(--color-secondary-800);--btn-disabled-bg: transparent;--btn-disabled-border-color: transparent;--btn-disabled-opacity: 0.5}.pbtn.naked.tertiary{--btn-color: var(--color-tertiary-800);--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-tertiary-500);--btn-hover-border-color: transparent;--btn-active-color: var(--color-white);--btn-active-bg: var(--color-tertiary-600);--btn-active-border-color: transparent;--btn-disabled-color: var(--color-tertiary-800);--btn-disabled-bg: transparent;--btn-disabled-border-color: transparent;--btn-disabled-opacity: 0.5}.pbtn.naked.light{--btn-color: var(--color-text);--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-white);--btn-hover-border-color: transparent;--btn-active-color: var(--color-text);--btn-active-bg: var(--color-secondary-200);--btn-active-border-color: transparent;--btn-disabled-color: var(--color-text);--btn-disabled-bg: transparent;--btn-disabled-border-color: transparent;--btn-disabled-opacity: 0.5}.pbtn.outline.primary{--btn-color: var(--color-primary-800);--btn-bg: transparent;--btn-border-color: var(--color-primary-500);--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-primary-500);--btn-hover-border-color: var(--color-primary-500);--btn-active-color: var(--color-text);--btn-active-bg: var(--color-primary-600);--btn-active-border-color: var(--color-primary-600);--btn-disabled-color: var(--gray-new-300);--btn-disabled-bg: transparent;--btn-disabled-border-color: var(--color-primary-500);--btn-disabled-opacity: 0.5}.pbtn.outline.secondary{--btn-color: var(--color-secondary-700);--btn-bg: transparent;--btn-border-color: var(--color-secondary-300);--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-secondary-400);--btn-hover-border-color: var(--color-secondary-400);--btn-active-color: var(--color-white);--btn-active-bg: var(--color-secondary-500);--btn-active-border-color: var(--color-secondary-500);--btn-disabled-color: var(--gray-new-300);--btn-disabled-bg: transparent;--btn-disabled-border-color: var(--color-secondary-300);--btn-disabled-opacity: 0.5}.pbtn.outline.tertiary{--btn-color: var(--color-tertiary-500);--btn-bg: transparent;--btn-border-color: var(--color-tertiary-500);--btn-hover-color: var(--color-white);--btn-hover-bg: var(--color-tertiary-500);--btn-hover-border-color: var(--color-tertiary-500);--btn-active-color: var(--color-white);--btn-active-bg: var(--color-tertiary-600);--btn-active-border-color: var(--color-tertiary-600);--btn-disabled-color: var(--gray-new-300);--btn-disabled-bg: transparent;--btn-disabled-border-color: var(--color-tertiary-500);--btn-disabled-opacity: 0.5}.pbtn.outline.light{--btn-color: var(--color-text);--btn-bg: transparent;--btn-border-color: var(--color-white);--btn-hover-color: var(--color-text);--btn-hover-bg: var(--color-white);--btn-hover-border-color: var(--color-white);--btn-active-color: var(--color-text);--btn-active-bg: var(--color-secondary-200);--btn-active-border-color: var(--color-secondary-200);--btn-disabled-color: var(--color-text);--btn-disabled-bg: transparent;--btn-disabled-border-color: var(--color-white);--btn-disabled-opacity: 0.5}@media (hover: hover){.pbtn:hover{color:var(--btn-hover-color);background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border-color);text-decoration:none}}.pbtn:active{color:var(--btn-active-color);background-color:var(--btn-active-bg);border-color:var(--btn-active-border-color)}.pbtn.disabled,.pbtn:disabled{color:var(--btn-disabled-color);background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-border-color);opacity:var(--btn-disabled-opacity);cursor:not-allowed}.pbtn.block{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.pbtn.rounded{border-radius:var(--border-radius-pill)}.pbtn.sm{--btn-height: 32px;--btn-font-size: 1.2rem}.pbtn.md{--btn-height: auto;--btn-padding-y: var(--spacing-medium);--btn-padding-x: var(--spacing-large);--btn-font-size: 1.6rem}