Try a switch control for considering||doing

app/assets/stylesheets/cards.css

@@ -133,6 +133,21 @@
   }
 }
 
+.card__actions-container--top {
+  margin: var(--block-space-half) auto calc(var(--block-space) * -2);
+  padding: var(--block-space) 3ch;
+
+  #header:has(&) {
+    position: relative;
+    z-index: 1;
+  }
+
+  .switch__input:checked + .switch__btn {
+    background-color: var(--bubble-color) !important;
+  }
+}
+
+
 .cards .card__assignees:not(:has(.avatar)) {
   .txt-uppercase {
     display: none;

app/views/bubbles/_pop_toggle.html.erb

@@ -20,13 +20,6 @@
             <span class="overflow-ellipsis"><%= label %></span>
           <% end %>
         <% end %>
-
-        <% if bubble.doing? %>
-          <hr class="separator--horizontal full-width flex-item-grow" style="--border-color: var(--color-subtle)" aria-hidden="true">
-          <%= button_to bucket_bubble_engagement_path(bubble.bucket, bubble), method: :delete, class: "btn popup__item full-width" do %>
-            <span class="overflow-ellipsis">Move back to Considering</span>
-          <% end %>
-        <% end %>
       </dialog>
     </div>
 

app/views/bubbles/cards/_perma.html.erb

@@ -32,13 +32,6 @@
           <%= render "bubbles/stagings/stages", bubble: bubble %>
         <% end %>
       <% end %>
-
-      <% if bubble.considering? %>
-        <%= button_to bucket_bubble_engagement_path(bubble.bucket, bubble), method: :post, class: "card__move-button card__hide-on-index btn btn--reversed" do %>
-          <span class="txt-nowrap">Move to Doing</span>
-          <%= icon_tag "assigned" %>
-        <% end %>
-      <% end %>
     </div>
 
     <footer class="card__footer full-width flex align-start gap">

app/views/bubbles/show.html.erb

@@ -27,6 +27,29 @@
       <span class="for-screen-reader">Go Back</span>
     <% end %>
 
+    
+    <div class="card__actions-container card__actions-container--top center border-radius flex-inline align-center justify-center gap"  style="--bubble-color: <%= @bubble.color %>;">
+      <span>Considering</span>
+      <% if @bubble.doing? %>
+        <%= form_with url: bucket_bubble_engagement_path(@bubble.bucket, @bubble), method: :delete, data: { controller: "form" }, class: "flex" do %>
+          <label class="switch flex-item-no-shrink">
+            <input type="checkbox" class="switch__input" data-action="form#submit" checked>
+            <span class="switch__btn round"></span>
+            <span class="for-screen-reader">Switch to Considering</span>
+          </label>
+        <% end %>
+      <% else %>
+        <%= form_with url: bucket_bubble_engagement_path(@bubble.bucket, @bubble), method: :post, data: { controller: "form" }, class: "flex" do %>
+          <label class="switch flex-item-no-shrink">
+            <input type="checkbox" class="switch__input" data-action="form#submit">
+            <span class="switch__btn round"></span>
+            <span class="for-screen-reader">Switch to Doing</span>
+          </label>
+        <% end %>
+      <% end %>
+      <span>Doing</span>
+    </div>
+
     <div class="btn btn--placeholder flex-item-justify-end"></div>
     <div class="btn btn--placeholder"></div>
   </nav>