Wrap Title of Button Hyperlinks?

[Denver Thomas]

I've designed an a navigation panel using the Div, Center, and Button Hyperlink macros. I got the properties / layout how I wanted it, and started to change the placeholder button titles to the real things, only to discover that the Button Hyperlink titles do not wrap by default.

I've tried applying all settings I know of in CSS to get the titles to wrap, but they still won't.

Below is an example of the non-wrapping button title, "Staged Troubleshooting Staged Troubleshooting". I made just made it longer for testing purposes.

<ac:structured-macro ac:macro-id="61e5471c-4df7-4d96-82f9-ae09959c11eb" ac:name="center" ac:schema-version="1">
<ac:parameter ac:name="class">col-container</ac:parameter>
<ac:rich-text-body>
<p class="auto-cursor-target">
<br/>
</p>
<ac:structured-macro ac:macro-id="4c7118f2-ad54-48f4-aa0c-b2f5b0ec6ca0" ac:name="div" ac:schema-version="1">
<ac:parameter ac:name="class">left</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="b68507c9-1f2d-42f3-b463-14d344175acd" ac:name="auibutton" ac:schema-version="1">
<ac:parameter ac:name="title">Staged Troubleshooting Staged Troubleshooting</ac:parameter>
<ac:parameter ac:name="type">standard</ac:parameter>
<ac:parameter ac:name="class">button1</ac:parameter>
<ac:parameter ac:name="url">
<a href="http://confluence/display/DIFFTG/Copy+of+button+test+3-23-23">http://confluence/display/DIFFTG/Copy+of+button+test+3-23-23</a>
</ac:parameter>
</ac:structured-macro>
</p>
<p>