Как сделать на JQuery и CSS, чтобы анимация была периодически и при наведении,, а так же оптимизировать код?

Question

[Тест Тестов]

$(function() {
    var icon = $(".header__button_second__icon")
    setInterval(down, 3000);
    function up() {
        icon.css({"transform": "translateY(0px)"});
    }
    function down() {
        icon.css({"transform": "translateY(3px)"});
        setTimeout(up, 200);
    }

    icon.on("mouseover", function () {
        icon.css({"transform": "translateY(3px)"});
    })
});

Как сделать на JQuery и CSS, чтобы анимация была периодически и при наведении, , а так же оптимизировать код?