.is-loading-btn.loading {
    opacity: .25;
    padding-right: 2.2em;
    position: relative;
}

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

.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: 28%;
    height: 20px;
    width: 20px;
    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;
}