Как я могу заставить CSS-анимацию JavaScript запускаться более одного раза?

У меня есть код JavaScript, который запускает анимацию CSS. Он работает нормально, но мне нужно обновить браузер, чтобы снова запустить его. Как я могу изменить свой код, чтобы он запускался каждый раз при нажатии кнопки?

Ниже приведен код, который я использовал.

JavaScript

document.getElementById('LogoContainer').addEventListener('click',function() {
    var c = document.getElementsByClassName('logo-rec');
    for (var i = 0; i < c.length; i++) {
        c[i].classList.add('logo-animate');
    }
})

HTML

<button id = "LogoContainer">
    <div class = "logo-rec"></div>
</button>

CSS

.logo-animate {
    animation-name: MoveLeft;
    animation-duration: 3s;
}

@keyframes MoveLeft {
      0% { transform: translatex(0px)   }
     50% { transform: translatex(-15px) }
    100% { transform: translatex(35px)  }
}