.yar-eqcb-button-wrap {
    display: flex;
    width: 100%;
}

.yar-eqcb-button-wrap.is-stretch .yar-eqcb-button {
    width: 100%;
}

.yar-eqcb-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    outline: 0;
    line-height: 1.5;
    min-height: 44px;
    padding: 14px 22px;
    border-radius: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}

.yar-eqcb-button:hover,
.yar-eqcb-button:focus {
    color: #ffffff;
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.yar-eqcb-button.is-loading {
    pointer-events: none;
    opacity: 0.78;
}

.yar-eqcb-button.is-added {
    background: linear-gradient(135deg, #16a34a, #15803d);
    color: #ffffff;
}

.yar-eqcb-button.yar-eqcb-disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.yar-eqcb-icon-holder,
.yar-eqcb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.yar-eqcb-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.yar-eqcb-icon-position-after .yar-eqcb-button {
    flex-direction: row-reverse;
}

.yar-eqcb-editor-notice {
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid #fed7aa;
    font-size: 13px;
}


.yar-eqcb-added-icon-holder {
    display: none;
}

.yar-eqcb-button.is-added .yar-eqcb-normal-icon-holder {
    display: none;
}

.yar-eqcb-button.is-added .yar-eqcb-added-icon-holder {
    display: inline-flex;
}


/* Hide any extra WooCommerce forward/cart links or messages so only the main button is visible */
.yar-eqcb-widget .added_to_cart,
.yar-eqcb-widget .wc-forward,
.yar-eqcb-widget .woocommerce-message,
.yar-eqcb-widget .woocommerce-notices-wrapper,
.yar-eqcb-button-wrap .added_to_cart,
.yar-eqcb-button-wrap .wc-forward {
    display: none !important;
}