.disabledBtn {
    filter: grayscale(1);
    cursor: default;
    pointer-events: none;
}

.spinnerLoader {
    top: 20%;
    left: 4%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #07503f;
    border-radius: 100%;
    margin: auto;
    visibility: hidden;
    animation: spin 1s infinite linear;
}
.spinnerLoader.show {
    visibility: visible;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.mobile .spinnerLoader {
    top: 12%;
    left: 1%;
    width: 6rem;
    height: 6rem;
    border: 11px solid #f3f3f3;
    border-top: 11px solid #07503f;
}