Besa - Custom CSS quanlity box

Besa - Custom CSS quanlity box

.product-block .add-cart a.added+a.added_to_cart,
.product-block .add-cart a.added::after{
    display: none !important;
}

.product-block .add-cart a.added {
    display: flex !important;
}
.product-block .group-buttons .quantity button {
    line-height: 33px !important;
    height: 33px;
}
.product-block .group-buttons .quantity input.qty {
    width: 40px;
    line-height: 33px !important;
    height: 33px !important;
}
.product-block .group-buttons .quantity .box {
    padding: 0 8px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

@media (min-width: 768px) {
    .product-block .group-add-cart .quantity,
    .product-block .group-add-cart .add-cart{
        display: inline-block;
    }
    
    .product-block .group-add-cart .quantity button,
    .product-block .group-add-cart .quantity input.qty {
        background: transparent;
        color: #fff;
        line-height: 30px !important;
    }
}
@media (max-width: 767px) {
    .product-block .group-add-cart .quantity input.qty {
        flex: 9;
    }
    .product-block .group-add-cart .quantity button {
        width: 40px;
    }
}