.orbit {
    position: absolute;
    border-radius: 50%;
    background: transparent;
    transform: rotate(0deg);
    animation: orbit-anim 10s infinite linear;
}
.orbit .orbit-before{
    position: relative;
    width: 100%;
    height: 100%;
}
.orbit .orbit-before:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: var(--data-width);
    height: var(--data-height);
    background-color: var(--data-backgroundColor);
    border: var(--data-border);
    top: var(--data-top);
    bottom: var(--data-bottom);
    left: var(--data-left);
    right: var(--data-right);
    transform: translateY(-50%);
}



@keyframes orbit-anim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}