clickアクションが1回しか動かない理由は何でしょうか？

お世話になっております。
ボタンを押すと、ボタンが表示・非表示に切り替わるものをShopifyで作っています。

そのままのコードで恐縮ですが、下記のプログラムを動かした際に
button1　button2　を押すと1回目はしっかり表示切り替わるのですが2回目以降が動作しません。

button1 ＝　表示
button2 ＝　非表示

で「ID：hoge」の箇所を切り替えたいのですがどの書き方が悪さをしているのご教示頂けますと幸いです。

よろしくお願いします。

const subscriptionObserver = new MutationObserver(records => {
    records.forEach((record) => {
      if (record.addedNodes.length === 0 || record.type !== 'childList') return;
      
      // 監視の停止
      subscriptionObserver.disconnect();  

      //デフォルト非表示
      document.getElementById('hoge').style.display ='none';

      //ボタン
      const button1 = document.querySelector('label[for="button1"]');
      const button2 = document.querySelector('label[for="button2"]');
      
      //表示
      button1.addEventListener("click", () => {
      document.getElementById('hoge').style.display ='block';  	
      });

      //非表示    
      button2.addEventListener("click", () => {
      document.getElementById('hoge').style.display ='none';  	
      });      
    });
  });
  
  // 監視の開始
  subscriptionObserver.observe(observedTarget, {
    childList: true
  });