.mouse-scroll {
    text-decoration: none;
    font-size: 14px;
    color: white;
}

.mouse-scroll span {
    display: inline-block;
    width: 27px;
    height: 40px;
    border: 1px solid white;
    border-radius: 15px;
    position: relative;
}

.mouse-scroll span:before {
    width: 2px;
    height: 5px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -1px;
    display: block;
    content: "";
    -webkit-animation: 2s ease infinite mouse-down;
    -moz-animation: 2s ease infinite mouse-down;
    -ms-animation: 2s ease infinite mouse-down;
    -o-animation: 2s ease infinite mouse-down;
    animation: 2s ease infinite mouse-down;
}

@-webkit-keyframes mouse-down {
    0% {
        top: 10px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 10px;
    }
}

@-moz-keyframes mouse-down {
    0% {
        top: 10px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 10px;
    }
}

@-o-keyframes mouse-down {
    0% {
        top: 10px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 10px;
    }
}

@keyframes mouse-down {
    0% {
        top: 10px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 10px;
    }
}