.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);--btn-color: var(--_main-fg);--btn-bg: var(--_main);--btn-border-color: var(--_main);--btn-hover-color: var(--_main-fg);--btn-hover-bg: var(--_main-hover);--btn-hover-border-color: var(--_main-hover);--btn-active-color: var(--_main-fg);--btn-active-bg: var(--_main-active);--btn-active-border-color: var(--_main-active);--btn-disabled-color: var(--btn-color);--btn-disabled-bg: var(--btn-bg);--btn-disabled-border-color: var(--btn-border-color);--btn-disabled-opacity: 0.5;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{--_main: var(--color-primary-500);--_main-hover: var(--color-primary-600);--_main-active: var(--color-primary-700);--_main-fg: var(--color-text);--_naked-text: var(--color-primary-800)}.pbtn.secondary{--_main: var(--color-secondary-400);--_main-hover: var(--color-secondary-500);--_main-active: var(--color-secondary-600);--_main-fg: var(--color-white);--_naked-text: var(--color-secondary-800);--_outline-border: var(--color-secondary-300);--_outline-text: var(--color-secondary-700)}.pbtn.tertiary{--_main: var(--color-tertiary-500);--_main-hover: var(--color-tertiary-600);--_main-active: var(--color-tertiary-700);--_main-fg: var(--color-white);--_naked-text: var(--color-tertiary-800);--_outline-text: var(--color-tertiary-500)}.pbtn.light{--_main: var(--color-white);--_main-hover: var(--color-secondary-200);--_main-active: var(--color-secondary-300);--_main-fg: var(--color-text);--_naked-text: var(--color-text);--_outline-disabled: var(--color-text)}.pbtn.naked{--btn-color: var(--_naked-text);--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-bg: var(--_main);--btn-hover-border-color: transparent;--btn-active-bg: var(--_main-hover);--btn-active-border-color: transparent}.pbtn.outline{--btn-color: var(--_outline-text, var(--_naked-text));--btn-bg: transparent;--btn-border-color: var(--_outline-border, var(--_main));--btn-hover-bg: var(--_main);--btn-hover-border-color: var(--_main);--btn-active-bg: var(--_main-hover);--btn-active-border-color: var(--_main-hover);--btn-disabled-color: var(--_outline-disabled, var(--gray-new-300))}@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}