Move card delete button to a far less prominent position

app/helpers/cards_helper.rb

@@ -33,9 +33,9 @@ module CardsHelper
 
   def button_to_delete_card(card)
     button_to collection_card_path(card.collection, card),
-        method: :delete, class: "btn", data: { turbo_confirm: "Are you sure you want to delete this?" } do
+        method: :delete, class: "btn txt-negative borderless txt-small", data: { turbo_frame: "_top", turbo_confirm: "Are you sure you want to permanently delete this card?" } do
       concat(icon_tag("trash"))
-      concat(tag.span("Delete", class: "for-screen-reader"))
+      concat(tag.span("Delete this card"))
     end
   end
 end

app/views/cards/_container.html.erb

@@ -5,8 +5,6 @@
   <aside class="card-perma__actions card-perma__actions--left" role="toolbar">
     <%= render "cards/container/gild", card: card if card.doing? %>
     <%= render "cards/container/image", card: card %>
-
-    <%= button_to_delete_card(card) %>
   </aside>
 
   <div class="card-perma__bg">

app/views/cards/_messages.html.erb

@@ -14,5 +14,10 @@
         <%= avatar_tag watcher %>
       <% end %>
     </div>
+
+    <div class="txt-align-center full-width flex flex-column margin-block-start-double">
+      <hr class="separator--horizontal full-width margin-block" style="--border-color: var(--color-subtle)">
+      <%= button_to_delete_card(@card) %>
+    </div>
   </div>
 <% end %>