.ph-button,.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ph-space-2);min-height:var(--ph-button-height);padding:0 var(--ph-space-6);border:1px solid transparent;border-radius:var(--ph-button-radius);font-family:var(--ph-font-family);font-size:var(--ph-font-size-md);font-weight:var(--ph-font-weight-semibold);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .18s ease}.ph-button:hover,.ph-btn:hover{text-decoration:none}.ph-button:active,.ph-btn:active{transform:translateY(1px)}.ph-button:focus-visible,.ph-btn:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ph-color-primary) 18%,transparent)}.ph-button--primary,.ph-btn--primary{color:var(--ph-white);background:var(--ph-color-primary)}.ph-button--primary:hover,.ph-btn--primary:hover{color:var(--ph-white);background:var(--ph-color-primary-hover);box-shadow:var(--ph-shadow-sm)}.ph-button--secondary,.ph-btn--secondary{color:var(--ph-color-primary);background:var(--ph-color-secondary)}.ph-button--secondary:hover,.ph-btn--secondary:hover{background:var(--ph-color-secondary-hover);box-shadow:var(--ph-shadow-sm)}.ph-button--outline,.ph-btn--outline{color:var(--ph-color-primary);border-color:var(--ph-color-primary);background:transparent}.ph-button--outline:hover,.ph-btn--outline:hover{color:var(--ph-white);background:var(--ph-color-primary)}.ph-button--ghost,.ph-btn--ghost{color:var(--ph-color-primary);background:transparent}.ph-button--ghost:hover,.ph-btn--ghost:hover{background:color-mix(in srgb,var(--ph-color-primary) 8%,transparent)}.ph-button--soft,.ph-btn--soft{color:var(--ph-color-primary);background:var(--ph-background-soft)}.ph-button--soft:hover,.ph-btn--soft:hover{background:var(--ph-background-beige)}.ph-button--success,.ph-btn--success{color:var(--ph-white);background:var(--ph-success)}.ph-button--danger,.ph-btn--danger{color:var(--ph-white);background:var(--ph-danger)}.ph-button--xs,.ph-btn--xs{min-height:34px;padding-inline:var(--ph-space-3);font-size:var(--ph-font-size-xs)}.ph-button--sm,.ph-btn--sm{min-height:40px;padding-inline:var(--ph-space-4);font-size:var(--ph-font-size-sm)}.ph-button--md,.ph-btn--md{min-height:var(--ph-button-height)}.ph-button--lg,.ph-btn--lg{min-height:56px;padding-inline:var(--ph-space-8);font-size:var(--ph-font-size-lg)}.ph-button--xl,.ph-btn--xl{min-height:64px;padding-inline:var(--ph-space-10);font-size:var(--ph-font-size-xl)}.ph-button--block,.ph-btn--block{display:flex;width:100%}.ph-button--pill,.ph-btn--pill{border-radius:var(--ph-radius-pill)}.ph-button__icon,.ph-btn__icon{display:inline-flex;width:20px;height:20px;flex-shrink:0}.ph-button__icon svg,.ph-btn__icon svg{width:100%;height:100%}.ph-button--icon-only,.ph-btn--icon-only{width:var(--ph-button-height);padding:0}.ph-button.is-loading,.ph-btn.is-loading{pointer-events:none;opacity:.8}.ph-button.is-loading:after,.ph-btn.is-loading:after{content:"";width:16px;height:16px;margin-left:var(--ph-space-2);border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:ph-button-spin .7s linear infinite}@keyframes ph-button-spin{to{transform:rotate(360deg)}}.ph-button:disabled,.ph-btn:disabled,.ph-button.is-disabled,.ph-btn.is-disabled,.ph-button[aria-disabled=true],.ph-btn[aria-disabled=true]{pointer-events:none;opacity:.55;box-shadow:none}.ph-button-group{display:flex;flex-wrap:wrap;gap:var(--ph-space-3)}.ph-button-group--center{justify-content:center}.ph-button-group--end{justify-content:flex-end}.ph-button-group--stretch .ph-button,.ph-button-group--stretch .ph-btn{flex:1}@media(max-width:749px){.ph-button--mobile-block,.ph-btn--mobile-block{width:100%}.ph-button--lg,.ph-btn--lg{min-height:52px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ph-buttons.css.map */