<body>
  
  <!-- Bouton par défaut -->
  <button>Je suis un bouton</button>

  <!-- Bouton de soumission d'un formulaire -->
  <input type="submit" value="Je suis un bouton de soumission">

  <!-- Bouton pour un lien externe -->
  <a href="https://www.codeur.com" target="_blank" class="bouton-lien">Je  suis un Lien</a>

</body>
.bouton-lien {
  background-color: #e9e9ed;
  border: 0.2px solid #8f8f9d;
  border-radius: 5px;
  padding: 3px;
  color: black;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: small;
  text-align: center;
  text-decoration: none;
  cursor: default;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.