CSS support for multiple actions

app/assets/stylesheets/lightbox.css

@@ -44,8 +44,10 @@
     }
   }
 
-  .lightbox__btn {
-    inset: var(--block-space-half) var(--inline-space) auto auto;
+  .lightbox__actions {
+    display: flex;
+    gap: 1ch;
+    inset: var(--lightbox-padding) var(--lightbox-padding) auto auto;
     position: absolute;
   }
 

app/views/layouts/_lightbox.html.erb

@@ -6,7 +6,7 @@
     <figcaption class="lightbox__caption" data-lightbox-target="caption"></figcaption>
   </figure>
 
-  <div class="lightbox__btn">
+  <div class="lightbox__actions">
     <button class="btn fill-white" title="Close (esc)" data-action="dialog#close keydown.esc->dialog#close:stop" data-controller="hotkey">
       <%= icon_tag "remove" %>
       <span class="for-screen-reader">Close image viewer (esc)</span>