Botão de enviar do MODAL não abre a caixa de e-mail

  <!-- Modal de contato -->

<div class="modal fade" id="modal-contato" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <dialog class="modal-content">
      <header class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel">Entre em contato</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </header>
   <!-- Formulário do Modal -->   
      <main class="modal-body">
        <div class="mb-3">
          <label for="formGroupExampleInput" class="form-label">Nome completo</label>
          <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Insira seu nome completo">
        </div>
        <div class="mb-3">
          <label for="exampleFormControlInput1" class="form-label">Endereço de e-mail</label>
          <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="nome@exemplo.com">
        </div>
        <div class="mb-3">
          <label for="exampleFormControlTextarea1" class="form-label">Insira seu comentário</label>
          <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
        </div>
      </main>
      <footer class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
        <button type="button" class="btn btn-primary">Enviar</button>
      </footer>
    </dialog>
  </div>
</div>