Redesign ha-button (#25564)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

src/panels/config/script/ha-script-picker.ts

@@ -9,6 +9,7 @@ import {
   mdiHelpCircle,
   mdiInformationOutline,
   mdiMenuDown,
+  mdiOpenInNew,
   mdiPlay,
   mdiPlus,
   mdiScriptText,
@@ -779,15 +780,16 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
                   "ui.panel.config.script.picker.empty_text"
                 )}
               </p>
-              <a
+              <ha-button
+                appearance="plain"
                 href=${documentationUrl(this.hass, "/docs/script/editor/")}
                 target="_blank"
                 rel="noreferrer"
+                size="small"
               >
-                <ha-button>
-                  ${this.hass.localize("ui.panel.config.common.learn_more")}
-                </ha-button>
-              </a>
+                ${this.hass.localize("ui.panel.config.common.learn_more")}
+                <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
+              </ha-button>
             </div>`
           : nothing}
         <ha-fab
@@ -1296,6 +1298,9 @@ ${rejected
           --mdc-icon-size: 80px;
           max-width: 500px;
         }
+        .empty ha-button {
+          --mdc-icon-size: 24px;
+        }
         .empty h1 {
           font-size: var(--ha-font-size-3xl);
         }