Как заменить jqery на нативный js?

const terms = document.querySelectorAll('.terms');

for (var i = 0; i < terms.length; i ++) {
terms[i].addEventListener('mouseover', function(){
    $(this).find('.terms__btn').addClass('hover-btn');
});

terms[i].addEventListener('mouseleave', function(){
    $(this).find('.terms__btn').removeClass('hover-btn');
});
}

.hover-btn {
  background-color: var(--violet);
}

<div class="terms terms-min">
<span class="terms__title"></span>
<span class="terms__price"><span class="terms__cost"></span><span class="terms__currency"></span></span>
<p class="terms__description">
</p><ul class="terms__list">
<li class="terms__item">123</li>
<li class="terms__item">123</li>
<li class="terms__item">13123</li>
<li class="terms__item">123</li>
<li class="terms__item">123</li>
</ul><p></p>
<div class="terms__button">
<a href="/" class="terms__btn">Заказать</a>
</div>
</div>