.loading-dots {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 20px;
    margin: 20px 0;
}
.loading-dots::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #6c5ce7;
    animation: loading-dots 1.4s infinite ease-in-out both;
    animation-delay: -0.32s;
}
@keyframes loading-dots {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}