Impossible d'ouvrir ma seconde Modal :(

// DOM Elements
const modalSubscribe = document.getElementById('modalSubscribe');
const openSubscribe = document.querySelectorAll('.modal-btn');
const closeSubscribe = document.getElementById('closeSubscribe');
const modalSubscribeThankYou = document.getElementById('modalSubscribeThankYou');
const openSubscribeThankYou = document.getElementById('.modal-btn');



// ouverture modal
openSubscribe.forEach((btn) => btn.addEventListener('click', openModal));

function openModal(){
  if (modalSubscribe.classList.contains('hidden')) {
    modalSubscribe.classList.remove('hidden');
  }
}

// fermeture modal  avec la croix
closeSubscribe.addEventListener("click", closeModal);

  function closeModal(){
    if (!modalSubscribe.classList.contains('hidden')) {
      modalSubscribe.classList.add('hidden')
    }
    

// ouverture modal thank you
openSubscribeThankYou.addEventListener("click", openModalThankYou);

function openModalThankYou(){
  if (modalSubscribeThankYou.classList.contains('hidden')) {
    modalSubscribeThankYou.classList.remove('hidden');
  }
};

  };
//modal thankYou  fermeture CROIX 
closeSubscribe.addEventListener("click", closeModalThankYou);

function closeModalThankYou(){
    if (!modalSubscribeThankYou.classList.contains('hidden')) {
      modalSubscribeThankYou.classList.add('hidden');
    }
  };

  <main>
    <div class="hero-section">
      <div class="hero-content">
        <h1 class="hero-headline">
          Marathon national<br>
          de jeux vidéos
        </h1>
        <p class="hero-text">
          Vous aimez jouer ? Notre prochain évènement gaming est ouvert
          aux réservations... Places limitées !
        </p>
        <button class="btn-signup modal-btn">
          je m'inscris
        </button>
      </div>
      <div class="hero-img">
        <img src="./starterOnly/bg_img.jpg" alt="img" />
      </div>
      <button class="btn-signup modal-btn">
        je m'inscris
      </button>
    </div>

    <div class="bground hidden" id="modalSubscribe">
      <div class="content">
        <span id="closeSubscribe" class="close"></span>
        <div class="modal-body">
          <form id="formSubscribe" name="reserve" action="index.html" method="get">
            <div class="formData">
              <label for="first">Prénom</label><br>
              <input class="text-control" type="text" id="first" name="first" minlength="2" /><br>
              <span id="firstError" data-message="Veuillez entrer 2 caractères ou plus pour le champ du prénom"></span>
            </div>
            <div class="formData">
              <label for="last">Nom</label><br>
              <input class="text-control" type="text" id="last" name="last" minlength="2" /><br>
              <span id="lastError" data-message="Veuillez entrer 2 caractères ou plus pour le champ du nom"></span>
            </div>
            <div class="formData">
              <label for="email">E-mail</label><br>
              <input class="text-control" type="email" id="email" name="email" /><br>
              <span id="emailError" data-message="Vous devez entrer un email valide."></span>
            </div>
            <div class="formData">
              <label for="birthdate">Date de naissance</label><br>
              <input class="text-control" type="date" id="birthdate" name="birthdate" /><br>
              <span id="birthdateError" data-message="Vous devez entrer votre date de naissance."></span>
            </div>
            <div class="formData">
              <label for="quantity">À combien de tournois GameOn avez-vous déjà participé ?</label><br>
              <input type="number" class="text-control" id="quantity" name="quantity" min="0" max="99">
              <span id="quantityError" data-message="Veuillez saisir une quantité"></span>
            </div>

            <div class="formData">
              <label for="text-label">A quel tournoi souhaitez-vous participer cette année ?</label><br>
              <input class="checkbox-input" type="radio" id="location1" name="location" value="New York" />
              <label class="checkbox-label" for="location1">
                <span class="checkbox-icon"></span>
                New York</label>
              <input class="checkbox-input" type="radio" id="location2" name="location" value="San Francisco" />
              <label class="checkbox-label" for="location2">
                <span class="checkbox-icon"></span>
                San Francisco</label>
              <input class="checkbox-input" type="radio" id="location3" name="location" value="Seattle" />
              <label class="checkbox-label" for="location3">
                <span class="checkbox-icon"></span>
                Seattle</label>
              <input class="checkbox-input" type="radio" id="location4" name="location" value="Chicago" />
              <label class="checkbox-label" for="location4">
                <span class="checkbox-icon"></span>
                Chicago</label>
              <input class="checkbox-input" type="radio" id="location5" name="location" value="Boston" />
              <label class="checkbox-label" for="location5">
                <span class="checkbox-icon"></span>
                Boston</label>
              <input class="checkbox-input" type="radio" id="location6" name="location" value="Portland" />
              <label class="checkbox-label" for="location6">
                <span class="checkbox-icon"></span>
                Portland</label><br>
              <span id="checkboxError" data-message="Vous devez choisir une option."></span>
            </div>

            <div class="formData">
              <input class="checkbox-input" type="checkbox" id="checkbox1" name="checkbox" />
              <label class="checkbox2-label" for="checkbox1">
                <span class="checkbox-icon"></span>
                J'ai lu et accepté les conditions générales
              </label><br>
              <span id="condGeneError" data-message="Vous devez valider les CGU."></span>
              <br>
              <input class="checkbox-input" type="checkbox" id="checkbox2" />
              <label class="checkbox2-label" for="checkbox2">
                <span class="checkbox-icon"></span>
                Je souhaite être prévenu des prochains évènements.
              </label>
              <br>
            </div>
            <!-- fin du formulaire rempli -->
            <!-- button de submit -->
            <input type="submit" id="btn-register" class="btn-submit " value="C'est parti"> </input>
          </form>
        </div>
      </div>
    </div>
    </div>
<!-- affichage message seconde modal -->
    <div class="bgroundThankYou hidden " id="modalSubscribeThankYou">
      <div class="contentThankYou">
        <p class="btnSecondModal">Vos informations ont été enregistrées<br>
         Merci pour votre inscription</p><br>
      <input type="submit" class="btn-Submit" id="btnModal" value="Fermer">
</div>
</div>
  </main>