.fs-preloader {
    margin: 10px auto;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(rgb(245, 3, 3) -100%, rgba(210, 14, 14, 0.22) 60%);
    animation: roll-r 1s linear infinite;
    position: relative;
    right: 0;
    top: 0;
    margin-right: 10px;
    transform: translate(-50%, -50%);
}

.fs-preloader > span {
    padding: 5px;
    animation: roll-l 0.5s linear infinite;
}

.fs-preloader > span:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

@keyframes roll-r {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes roll-l {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}