:root {
    --nb-product-button-with-bubble-2-button-bg-color: var(--nb-add-to-cart-bg);
    --nb-product-button-with-bubble-2-button-color: var(--nb-add-to-cart-color);
    --nb-product-button-with-bubble-2-button-border-radius: var(--nb-add-to-cart-border-radius);
    --nb-product-button-with-bubble-2-button-border-color: var(--nb-add-to-cart-border-color);

    --nb-product-button-with-bubble-2-button-hover-bg-color: var(--nb-add-to-cart-hover-bg);
    --nb-product-button-with-bubble-2-button-hover-color: var(--nb-add-to-cart-hover-color);
    --nb-product-button-with-bubble-2-button-hover-border-color: var(--nb-add-to-cart-hover-border-color);
}

.nb-product-button-with-bubble-2 {
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.nb-product-button-with-bubble-2 .nb-product-size-bubble-2 {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: none;
    cursor: initial;
    margin-bottom: 10px;
}
.nb-product-button-with-bubble-2.active .nb-product-size-bubble-2 {
    display: flex;
}

.nb-product-button-with-bubble-2 .nb-btn.nb-add-to-cart{
    color: var(--nb-product-button-with-bubble-2-button-color);
    background-color: var(--nb-product-button-with-bubble-2-button-bg-color);
    border-radius: var(--nb-product-button-with-bubble-2-button-border-radius);
    border: var(--nb-add-to-cart-border-width) var(--nb-add-to-cart-border-style) var(--nb-product-button-with-bubble-2-button-border-color);
    min-width: 100%;
}
.nb-product-button-with-bubble-2 .nb-btn.nb-add-to-cart:hover,
.nb-product-button-with-bubble-2 .nb-btn.nb-add-to-cart:active,
.nb-product-button-with-bubble-2 .nb-btn.nb-add-to-cart:focus{
    color: var(--nb-product-button-with-bubble-2-button-hover-color);
    background-color: var(--nb-product-button-with-bubble-2-button-hover-bg-color);
    border: var(--nb-add-to-cart-border-width) var(--nb-add-to-cart-border-style) var(--nb-product-button-with-bubble-2-button-hover-border-color);
}


