Button mit langem Text nicht responsive

Hallo Forum.

Wie kann ich in meiner Joomla 3-Webseite (Version 3.10.11, Template: J51_Emani) Buttons einfügen, die auch mit langem Button-Text responsive sind?

Ich habe dies erfolgreich (siehe Screenshot) auf meiner Joomla 4-Webseite (Version 4.2.0, Template J51_Emani) über folgenden HTML-Codes im Modul-Editor gemacht:

<p><a href="mailto:office@support-by-improvement.com" target="_blank">

<button>be innovative, be digital – Überzeugen Sie sich selbst!<em>!</em></button>

</a></p>

Diesen HTML-Code auf der Joomla 3-Seite im Modul-Editor eingefügt, bringt nur einen nicht-responsive Button (siehe Screenshots).

Wie löse ich das Problem (ohne im CSS etwas zu verändern und ohne dauerhaft nur kurze, ins Responsive passende Button-Texte zu nutzen)?!

Danke und Gruß

eGo

Zitat von Stef

Richtige und gute Tipps hast du schon erhalten.

Wenn du es aber unbedingt so haben möchtest, dann versuche es mal in einer <div> statt <p>

Code

<div><a href="mailto:office@support-by-improvement.com" target="_blank"> <button>be innovative, be digital – Überzeugen Sie sich selbst!<em>!</em></button></a></div> 

Danke euch für die Tipps. Eure Einwände bzgl. Buttons mit langem Text sehe ich alle ein. Ich hätte einfach gerne nur gewußt, wieso die Buttons (egal wie lang der Text darin ist) in Joomla 3 bei mir nicht responsive werden, aber dafür in Joomla 4. Ich habe den HTML-Code von Stef probiert, aber responsive ist der Button immer noch nicht (siehe Screenshots). Vielleicht liegts (wieder) am Template oder einer Template-Einstellung?!

Anyways... so oder so nur Buttons mit kurzem Text nutzen

Danke