/**
 * کامپوننت دکمه افزودن سریع
 * spinner عمومی برای دکمه‌های + و Add to Cart.
 */

[data-rp-quick-add],
.rp-product-quick-add,
.rp-card-add {
    position: relative;
}

[data-rp-quick-add].is-loading,
[data-rp-quick-add][aria-busy="true"],
.rp-product-quick-add.is-loading,
.rp-product-quick-add[aria-busy="true"],
.rp-card-add.is-loading,
.rp-card-add[aria-busy="true"] {
    pointer-events: none;
}

[data-rp-quick-add].is-loading > span,
[data-rp-quick-add][aria-busy="true"] > span,
.rp-product-quick-add.is-loading > span,
.rp-product-quick-add[aria-busy="true"] > span,
.rp-card-add.is-loading > span,
.rp-card-add[aria-busy="true"] > span {
    opacity: 0;
}

[data-rp-quick-add].is-loading::after,
[data-rp-quick-add][aria-busy="true"]::after,
.rp-product-quick-add.is-loading::after,
.rp-product-quick-add[aria-busy="true"]::after,
.rp-card-add.is-loading::after,
.rp-card-add[aria-busy="true"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: rpPlusButtonSpin .72s linear infinite;
}

@keyframes rpPlusButtonSpin {
    to {
        transform: rotate(360deg);
    }
}