.loader {
    width: 70px;
    aspect-ratio: 1;
    background: radial-gradient(farthest-side,#0d6efd 90%,#0000) center/16px 16px, radial-gradient(farthest-side,#0d6efd 90%,#0000) bottom/12px 12px;
    background-repeat: no-repeat;
    animation: l17 1s infinite linear;
    position: relative;
    top: 42%;
}

    .loader::before {
        content: "";
        position: absolute;
        width: 8px;
        aspect-ratio: 1;
        inset: auto 0 16px;
        margin: auto;
        background: #ccc;
        border-radius: 50%;
        transform-origin: 50% calc(100% + 10px);
        animation: inherit;
        animation-duration: 0.5s;
    }

@keyframes l17 {
    100% {
        transform: rotate(1turn)
    }
}