
:root {
    --hbp-btn-pill-height: 36px;
    --hbp-btn-pill-radius: 999px;
    --hbp-btn-pill-pad-x: 14px;
    --hbp-btn-pill-bg: rgba(var(--hbp-contrast-rgb),.07);
    --hbp-btn-pill-bg-hover: rgba(var(--hbp-contrast-rgb),.11);
    --hbp-btn-pill-text: #e9e5f0;
    --hbp-btn-pill-primary-bg: rgba(155,92,255,.18);
    --hbp-btn-pill-primary-bg-hover: rgba(155,92,255,.25);
    --hbp-btn-pill-primary-text: #ddcaff;
    --hbp-btn-editorial-height: 42px;
    --hbp-btn-editorial-radius: 8px;
    --hbp-btn-editorial-bg: var(--hbp-surface-1);
    --hbp-btn-editorial-bg-hover: var(--hbp-surface-2);
    --hbp-btn-editorial-border: rgba(var(--hbp-contrast-rgb),.08);
    --hbp-btn-editorial-text: #f4f0fa;
    --hbp-btn-danger: #ff9bb0;
    --hbp-btn-danger-border: rgba(255,119,150,.22);
    --hbp-btn-danger-bg: rgba(255,119,150,.045);
}


body .hbp-site :is(
    .hbp-btn,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button,
    .hbp-vendor-primary-action,
    .hbp-follow-btn,
    .hbp-store-message-btn,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-link,
    .hbp-account-link-button,
    .hbp-account-action,
    .hbp-wallet-action,
    .hbp-direct-purchase__primary,
    .hbp-direct-purchase__quiet,
    .hbp-topup-submit,
    .hbp-vendor-review-submit,
    .hbp-withdraw-submit,
    .hbp-bank-save-action,
    .hbp-vendor-filter-action,
    .hbp-store-infinite__retry,
    .hbp-social-action,
    .hbp-reset-link,
    .hbp-media-action,
    .hbp-link-button,
    .hbp-social-rail-cta,
    .hbp-social-tool-button,
    .hbp-license-compare-open,
    .hbp-vendor-media__replace,
    .dokan-btn,
    .hbp-chat-head-action,
    .hbp-catalog-infinite__retry
) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 100%;
    margin: 0;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
}

body .hbp-site :is(
    .hbp-btn,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button,
    .hbp-vendor-primary-action,
    .hbp-follow-btn,
    .hbp-store-message-btn,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-link,
    .hbp-account-link-button,
    .hbp-account-action,
    .hbp-wallet-action,
    .hbp-direct-purchase__primary,
    .hbp-direct-purchase__quiet,
    .hbp-topup-submit,
    .hbp-vendor-review-submit,
    .hbp-withdraw-submit,
    .hbp-bank-save-action,
    .hbp-vendor-filter-action,
    .hbp-store-infinite__retry,
    .hbp-social-action,
    .hbp-reset-link,
    .hbp-media-action,
    .hbp-link-button,
    .hbp-social-rail-cta,
    .hbp-social-tool-button,
    .hbp-license-compare-open,
    .hbp-vendor-media__replace,
    .dokan-btn,
    .hbp-chat-head-action,
    .hbp-catalog-infinite__retry
):focus-visible {
    outline: 2px solid rgba(205,180,255,.48);
    outline-offset: 2px;
}


body .hbp-site :is(
    .hbp-btn--primary,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .hbp-button:not(.is-secondary):not(.hbp-button--secondary),
    .hbp-vendor-primary-action,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-action.is-primary,
    .hbp-wallet-action.is-primary,
    .hbp-direct-purchase__primary,
    .hbp-topup-submit,
    .hbp-vendor-review-submit,
    .hbp-withdraw-submit,
    .hbp-bank-save-action,
    .hbp-single-cart__buy-now,
    .hbp-single-cart__submit,
    .hbp-cart-checkout-actions .checkout-button,
    .dokan-btn-theme,
    button.save,
    .hbp-social-rail-cta
),
body .hbp-site .hbp-vendor-popover__actions :is(button, .is-primary) {
    min-height: var(--hbp-btn-pill-height);
    min-width: 0;
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-primary-bg);
    box-shadow: none;
    color: var(--hbp-btn-pill-primary-text);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
}

body .hbp-site :is(
    .hbp-btn--primary,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .hbp-button:not(.is-secondary):not(.hbp-button--secondary),
    .hbp-vendor-primary-action,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-action.is-primary,
    .hbp-wallet-action.is-primary,
    .hbp-direct-purchase__primary,
    .hbp-topup-submit,
    .hbp-vendor-review-submit,
    .hbp-withdraw-submit,
    .hbp-bank-save-action,
    .hbp-single-cart__buy-now,
    .hbp-single-cart__submit,
    .hbp-cart-checkout-actions .checkout-button,
    .dokan-btn-theme,
    button.save,
    .hbp-social-rail-cta
):hover,
body .hbp-site :is(
    .hbp-btn--primary,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .hbp-button:not(.is-secondary):not(.hbp-button--secondary),
    .hbp-vendor-primary-action,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-action.is-primary,
    .hbp-wallet-action.is-primary,
    .hbp-direct-purchase__primary,
    .hbp-topup-submit,
    .hbp-vendor-review-submit,
    .hbp-withdraw-submit,
    .hbp-bank-save-action,
    .hbp-single-cart__buy-now,
    .hbp-single-cart__submit,
    .hbp-cart-checkout-actions .checkout-button,
    .dokan-btn-theme,
    button.save,
    .hbp-social-rail-cta
):focus-visible,
body .hbp-site .hbp-vendor-popover__actions :is(button, .is-primary):hover,
body .hbp-site .hbp-vendor-popover__actions :is(button, .is-primary):focus-visible {
    border: 0;
    background: var(--hbp-btn-pill-primary-bg-hover);
    color: #eadcff;
    box-shadow: none;
    transform: translateY(-1px);
}


body .hbp-site .hbp-follow-btn,
body .hbp-site .bp-follow-btn {
    min-height: var(--hbp-btn-pill-height);
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-primary-bg);
    color: var(--hbp-btn-pill-primary-text);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;
    box-shadow: none;
}
body .hbp-site :is(.hbp-follow-btn, .bp-follow-btn).is-following {
    background: rgba(89,211,151,.10);
    color: #9be8bf;
}


body .hbp-site :is(
    .hbp-btn--secondary,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button.is-secondary,
    .hbp-button.hbp-button--secondary,
    .hbp-store-message-btn,
    .hbp-account-link-button:not(.hbp-notification-delete),
    .hbp-account-link,
    .hbp-account-review-row__action,
    .hbp-account-action:not(.is-primary),
    .hbp-wallet-action:not(.is-primary),
    .hbp-direct-purchase__quiet,
    .hbp-vendor-filter-action,
    .hbp-store-infinite__retry,
    .hbp-social-action,
    .hbp-social-topic-toggle,
    .hbp-cart-coupon__form button,
    .hbp-reset-link,
    .hbp-media-action,
    .hbp-link-button,
    .hbp-social-tool-button,
    .hbp-license-compare-open,
    .hbp-vendor-media__replace,
    .dokan-btn,
    .hbp-chat-head-action,
    .hbp-catalog-infinite__retry
),
body .hbp-site .hbp-vendor-popover__actions > a:not(.is-primary) {
    min-height: var(--hbp-btn-pill-height);
    min-width: 0;
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-bg);
    box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.09);
    color: var(--hbp-btn-pill-text);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
}

body .hbp-site :is(
    .hbp-btn--secondary,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button.is-secondary,
    .hbp-button.hbp-button--secondary,
    .hbp-store-message-btn,
    .hbp-account-link-button:not(.hbp-notification-delete),
    .hbp-account-link,
    .hbp-account-review-row__action,
    .hbp-account-action:not(.is-primary),
    .hbp-wallet-action:not(.is-primary),
    .hbp-direct-purchase__quiet,
    .hbp-vendor-filter-action,
    .hbp-store-infinite__retry,
    .hbp-social-action,
    .hbp-social-topic-toggle,
    .hbp-cart-coupon__form button,
    .hbp-reset-link,
    .hbp-media-action,
    .hbp-link-button,
    .hbp-social-tool-button,
    .hbp-license-compare-open,
    .hbp-vendor-media__replace,
    .hbp-chat-head-action,
    .hbp-catalog-infinite__retry
):hover,
body .hbp-site :is(
    .hbp-btn--secondary,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button.is-secondary,
    .hbp-button.hbp-button--secondary,
    .hbp-store-message-btn,
    .hbp-account-link-button:not(.hbp-notification-delete),
    .hbp-account-link,
    .hbp-account-review-row__action,
    .hbp-account-action:not(.is-primary),
    .hbp-wallet-action:not(.is-primary),
    .hbp-direct-purchase__quiet,
    .hbp-vendor-filter-action,
    .hbp-store-infinite__retry,
    .hbp-social-action,
    .hbp-social-topic-toggle,
    .hbp-cart-coupon__form button,
    .hbp-reset-link,
    .hbp-media-action,
    .hbp-link-button,
    .hbp-social-tool-button,
    .hbp-license-compare-open,
    .hbp-vendor-media__replace,
    .hbp-chat-head-action,
    .hbp-catalog-infinite__retry
):focus-visible,
body .hbp-site .hbp-vendor-popover__actions > a:not(.is-primary):hover,
body .hbp-site .hbp-vendor-popover__actions > a:not(.is-primary):focus-visible {
    border: 0;
    background: var(--hbp-btn-pill-bg-hover);
    box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.13);
    color:var(--hbp-color-strong);
    transform: translateY(-1px);
}

body .hbp-site :is(.hbp-btn--quiet, .hbp-media-action--quiet) {
    background: transparent;
    box-shadow: none;
    color: #918c99;
}


body .hbp-site .hbp-btn--utility,
body .hbp-site button.is-danger,
body .hbp-site a.is-danger,
body .hbp-site [data-demo-delete] {
    min-height: var(--hbp-btn-editorial-height);
    min-width: var(--hbp-btn-editorial-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--hbp-btn-editorial-border);
    border-radius: var(--hbp-btn-editorial-radius);
    padding: 0 16px;
    background: var(--hbp-btn-editorial-bg);
    box-shadow: inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.04);
    color: var(--hbp-btn-editorial-text);
    font-size: 12.5px;
    font-weight: 680;
    line-height: 1;
    text-decoration: none;
}

body .hbp-site .hbp-btn--utility:hover,
body .hbp-site .hbp-btn--utility:focus-visible {
    border-color: rgba(var(--hbp-contrast-rgb),.14);
    background: var(--hbp-btn-editorial-bg-hover);
    color:var(--hbp-color-strong);
    outline: 0;
    transform: translateY(-1px);
}

body .hbp-site .hbp-btn--danger,
body .hbp-site button.is-danger,
body .hbp-site a.is-danger,
body .hbp-site [data-demo-delete] {
    border-color: var(--hbp-btn-danger-border);
    background: var(--hbp-btn-danger-bg);
    color: var(--hbp-btn-danger);
}
body .hbp-site .hbp-btn--danger:hover,
body .hbp-site .hbp-btn--danger:focus-visible,
body .hbp-site button.is-danger:hover,
body .hbp-site button.is-danger:focus-visible,
body .hbp-site a.is-danger:hover,
body .hbp-site a.is-danger:focus-visible,
body .hbp-site [data-demo-delete]:hover,
body .hbp-site [data-demo-delete]:focus-visible {
    border-color: rgba(255,119,150,.34);
    background: rgba(255,119,150,.09);
    color: #ffb1c1;
}


body .hbp-site :is(
    .hbp-tool-row form button:not(.is-danger),
    .hbp-service-job__actions button,
    .hbp-service-job__actions a,
    .hbp-community-inline-actions button,
    .hbp-community-report button
) {
    min-height: var(--hbp-btn-pill-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-bg);
    box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.09);
    color: var(--hbp-btn-pill-text);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;
}


body .hbp-site .woocommerce :is(button.button, a.button):not(.remove):not(.wc-forward) {
    min-height: var(--hbp-btn-pill-height);
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-bg);
    box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.09);
    color: var(--hbp-btn-pill-text);
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;
}
body .hbp-site .woocommerce :is(button.button.alt, a.button.alt, #place_order) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hbp-btn-pill-primary-bg);
    box-shadow: none;
    color: var(--hbp-btn-pill-primary-text);
    text-align: center;
}


body .hbp-site :is(
    .hbp-btn,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button,
    .hbp-vendor-primary-action,
    .hbp-follow-btn,
    .hbp-store-message-btn,
    .hbp-filterbar__submit,
    .hbp-account-primary-link,
    .hbp-account-link,
    .hbp-account-link-button
):is(:disabled, [aria-disabled="true"]),
body .hbp-site :is(.hbp-btn, .bp-gradient-btn, .hbp-gradient-btn, .hbp-button).is-loading {
    opacity: .48;
    pointer-events: none;
    cursor: not-allowed;
    transform: none;
}


body .hbp-site :is(
    .hbp-btn,
    .bp-gradient-btn,
    .hbp-gradient-btn,
    .bp-plain-btn,
    .hbp-plain-btn,
    .hbp-outline-btn,
    .hbp-button,
    .hbp-vendor-primary-action,
    .hbp-follow-btn,
    .hbp-store-message-btn,
    .hbp-account-primary-link,
    .hbp-account-link,
    .hbp-account-link-button
) :is(svg, .hbp-icon) {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}


.login :is(.bp-gradient-btn, #wp-submit) {
    min-height: var(--hbp-btn-pill-height);
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-primary-bg);
    color: var(--hbp-btn-pill-primary-text);
    font-size: 11.5px;
    font-weight: 650;
}
.login :is(.bp-plain-btn, .hbp-link-button) {
    min-height: var(--hbp-btn-pill-height);
    border: 0;
    border-radius: var(--hbp-btn-pill-radius);
    padding: 0 var(--hbp-btn-pill-pad-x);
    background: var(--hbp-btn-pill-bg);
    box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.09);
    color: var(--hbp-btn-pill-text);
    font-size: 11.5px;
    font-weight: 650;
}

@media (max-width: 760px) {
    :root {
        --hbp-btn-pill-height: 40px;
    }
    body .hbp-site :is(
        .hbp-btn,
        .bp-gradient-btn,
        .hbp-gradient-btn,
        .bp-plain-btn,
        .hbp-plain-btn,
        .hbp-outline-btn,
        .hbp-button,
        .hbp-vendor-primary-action,
        .hbp-follow-btn,
        .hbp-store-message-btn,
        .hbp-account-primary-link,
    .hbp-account-link,
        .hbp-account-link-button
    ) {
        touch-action: manipulation;
    }
}
