Button CSS-class

Hi support team,

we want to customize a button.

Using <button class=”mein-benutzerdefinierter-button”>Klick mich!</button> works fine but does not contain a link.
Using Klick mich! contains the link but does not work.

CSS-class we used is:
/* neue CSS-Klasse für den benutzerdefinierten Button */
.mein-benutzerdefinierter-button {
/* Hintergrundfarbe */
background-color: #7b8a5e;
/* Textfarbe */
color: #fff;
/* Schriftgröße */
font-size: 16px;
/* Schriftart */
font-family: Arial, sans-serif; /* Setze die Schriftart auf Arial, falls nicht verfügbar, auf die Standardschriftart der Gruppe sans-serif */
/* Text in Großbuchstaben transformieren */
text-transform: uppercase;
/* Umrandung */
border: 2px solid #7b8a5e; /* Setze die Umrandung auf die gleiche Farbe wie den Hintergrund */
/* Padding (Innenabstand) */
padding: 10px 20px;
/* Runde Ecken */
border-radius: 5px;
/* Cursor-Stil */
cursor: pointer;
/* Textausrichtung */
text-align: center;
/* Textdekoration */
text-decoration: none;
/* Weitere Styles nach Bedarf */
}

/* Hovern */
.mein-benutzerdefinierter-button:hover {
background-color: red; /* Ändere die Hintergrundfarbe beim Hover-Effekt */
}

Can you see why this is not working?
Thanks
Tanja