Use button for artist details "add more" function

lib/music_library_web/live/artist_live/show.html.heex

@@ -43,20 +43,10 @@
           {gettext("No scrobbles")}
         </span>
       </.async_result>
-      <.link
-        class={[
-          "relative inline-flex items-center rounded-md",
-          "px-3 py-2 text-xs sm:text-sm font-semibold",
-          "bg-zinc-900 hover:bg-zinc-800 dark:bg-zinc-100 dark:hover:bg-zinc-200",
-          "disabled:bg-zinc-300 dark:disabled:bg-zinc-300 disabled:active:text-white",
-          "text-white active:text-white/80 dark:text-zinc-900 dark:active:text-zinc-900/80",
-          "focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-zinc-600"
-        ]}
-        patch={~p"/artists/#{@artist.musicbrainz_id}/import"}
-      >
+      <.button variant="solid" as="link" patch={~p"/artists/#{@artist.musicbrainz_id}/import"}>
         <.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
         {gettext("Add more")}
-      </.link>
+      </.button>
     </div>
   </header>