.th-product-compare-btn {
    margin     : 10px 0;
    display    : inline-block;
    position   : relative;
    line-height: 1;

    &.txt_type {
        color      : #3575e9;
        font-weight: bold;
    }

    &.icon_type.th-added-compare {
        i {
            display: none;
        }
    }

    &.btn_type,
    &.icon_type {
        color           : white;
        padding         : 8px 10px;
        background-color: black;
        text-align      : inherit;

        &.th-added-compare {
            &::before {
                content    : '\f15e';
                font-family: "dashicons";
                font-weight: 700;
                display    : inline-block;
                padding    : 2px 0 0 0;
                box-sizing : border-box;
            }
        }
    }

    &.loading {
        pointer-events: none;

        &:after {
            content         : "";
            display         : block;
            width           : 22px;
            height          : 22px;
            position        : absolute;
            left            : 50%;
            top             : 50%;
            transform       : translate(-50%, -50%);
            border-radius   : 50%;
            border          : 4px solid #436eee;
            border-top-color: white;
            animation       : loaderTMKWithCenter .8s linear 0s infinite forwards;

        }
    }

}


@keyframes loaderTMKWithCenter {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}