Some style correction to wrap text in button if text is long

resources/views/wowa/show.blade.php

@@ -51,12 +51,12 @@
                     <div>
                         <b>Weights W Vector:</b>
                         <input type="textarea"  value="@json($wowa->weightsW())" id="w_weights" style="position: absolute; width: 0; height: 0; border: none; appearance: none; opacity: .01; z-index: -1;">
-                        <input type="button" class="btn btn-info" id="w_weights_button" title="Copy to clipboard" style="margin: 1em; word-wrap: break-word" value="@json($wowa->weightsW())" >
+                        <button class="btn btn-info" id="w_weights_button" title="Copy to clipboard" style="margin: 1em; overflow-wrap: anywhere;" >@json($wowa->weightsW())</button>
                     </div>
                     <div>
                         <b>Weights W Vector:</b>
                         <input type="textarea"  value="@json($wowa->weightsP())" id="p_weights" style="position: absolute; width: 0; height: 0; border: none; appearance: none; opacity: .01; z-index: -1;">
-                        <input type="button" class="btn btn-info" id="p_weights_button" title="Copy to clipboard" style="margin: 1em; word-wrap: break-word" value="@json($wowa->weightsP())">
+                        <button class="btn btn-info" id="p_weights_button" title="Copy to clipboard" style="margin: 1em; word-wrap: anywhere">@json($wowa->weightsP())</button>
                     </div>
 
                     <div id="roc">
@@ -92,7 +92,7 @@
        w.value = w.value.replace(/\[|\]/g,'');
        w.select();
        document.execCommand("copy");
-       document.getElementById("w_weights_button").value = "Copied!";
+       document.getElementById("w_weights_button").innerHTML = "Copied!";
     });
     document.getElementById("p_weights_button").addEventListener("click", function () {
         const w = document.getElementById("p_weights");