.is-loading-btn.loading {
    opacity: 0.50 !important;
    position: relative;
    pointer-events: none !important;
}


/* .is-loading-btn.loading::before {
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.9em;
    content: '';
    background: url(../images/loading-add-cart.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .75);
    z-index: 99;
} */

.is-loading-btn2.loading {
    opacity: 0.25 !important;
    position: relative;
    color: #fff;
    pointer-events: none !important;
}

.is-loading-btn2::before {
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    background: unset;
}

.is-loading-btn2.loading::before {
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    border: solid 4px #cfd0d1;
    border-bottom-color: #000000;
    border-radius: 50%;
    content: '';
    left: 45%;
    top: 25%;
    height: 15px;
    width: 15px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    opacity: unset!important;
    visibility: unset!important;
    will-change: transform;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    z-index: 99;
}

.is-loading-btn.loading::after {
    font-family: WooCommerce;
    content: "\e01c";
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    top: 0em;
    right: -1.6em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}