JS использовать toggle при клике на кнопку без id

пожалуйста подскажите, есть вот такие блоки:

<div class='block'>
    <button class='button'>Кнопка</button>
    <div class='info'></div>
</div>
<div class='block'>
    <button class='button'>Кнопка</button>
    <div class='info'></div>
</div>
<div class='block'>
    <button class='button'>Кнопка</button>
    <div class='info'></div>
</div>

и есть вот такой код JS

const button = document.getElementById('button');
const info = document.getElementById('info');
button.onclick = function(){
    info.classList.toggle('active');
}

Сейчас работает с помощью id . при клике на кнопку добавляется класс active и блок info показывается.

Как сделать чтобы работало без id? Чтобы по клику на кнопку ,к ближайшему к нему блоку info добавлялся класс active через toggle, а остальные блоки при этом не реагировали.

Понимаю что это как то работает this, но как не понимаю

на чистом js хочу понять как это работает