div.wave {
        position: relative;
        margin-top: 3px;
        margin-bottom: -1px;
        text-align: center;
        width: 45px;
        height: 15px;
        margin-left: auto;
        margin-right: auto;
    }

        div.wave .dot {
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-right: 5px;
            background: #808080;
            animation: wave 1.3s linear infinite;
        }

            div.wave .dot:nth-child(2) {
                animation-delay: -1.1s;
            }

            div.wave .dot:nth-child(3) {
                animation-delay: -0.9s;
            }

    @keyframes wave {
        0%, 60%, 100% {
            transform: initial;
        }

        30% {
            transform: translateY(-10px);
        }
    }