.dot-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    height: 40px;
}
.dot-loader span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 10px;
    background: #00a86b;
    border-radius: 50%;
    opacity: 0.7;
    animation: dotGrow 1.2s infinite cubic-bezier(.68,-0.55,.27,1.55);
    vertical-align: middle;
}
.dot-loader span:nth-child(2) {
    animation-delay: 0.2s;
}
.dot-loader span:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes dotGrow {
    0%, 80%, 100% {
        transform: scale(0.7);
        opacity: 0.7;
    }
    40% {
        transform: scale(1.3);
        opacity: 1;
    }
}