.loader-spin-circle {
    width: 16px;
    height: 16px;
    border-radius: 20%;
    background: #59606D;
    position: relative;
}

.loader-spin-circle:before,
.loader-spin-circle:after {
    content: "";
    position: absolute;
    border-radius: 20%;
    inset: 0;
    background: #6BAED8;
    transform: rotate(0deg) translate(30px);
    animation: rotate-spin-circle 1s ease infinite;
} 

.loader-spin-circle:after {
    animation-delay: 0.5s
}

@keyframes rotate-spin-circle {
    100% {
        transform: rotate(360deg) translate(30px)
    }
}