/**
 * ============================================================
 * Loobek Buy Now Button
 * ============================================================
 */

.loobek-buy-now {
    margin-left: 8px;
    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/**
 * Loading state
 */
.loobek-buy-now.buy-now-loading {
    opacity: 0.6;
    cursor: wait;
}


/**
 * Single product
 */
.single-product .loobek-buy-now {
    margin-top: 0;
}


/**
 * Product listing pages
 */
.products .loobek-buy-now {
    margin-top: 8px;
}


/**
 * Mobile
 */
@media (max-width: 767px) {

    .loobek-buy-now {
        margin-left: 5px;
    }

    .products .loobek-buy-now {
        margin-top: 6px;
    }
}