Tighten this up

app/assets/stylesheets/card-columns.css

@@ -264,7 +264,7 @@
     .card--new {
       --border-color: var(--color-selected-dark);
       --border-size: 1px;
-      --card-padding-block: calc(var(--block-space) * 1.5) var(--block-space);
+      --card-padding-block: var(--block-space);
 
       border: 1px solid var(--color-selected-dark);
       text-align: center;
@@ -282,6 +282,7 @@
 
       footer {
         font-size: var(--text-x-small);
+        margin-block-end: calc(var(--block-space) / -2);
       }
     }
 

app/views/cards/index/_add_card_button.html.erb

@@ -1,5 +1,5 @@
 <% if collection = user_filtering.single_collection %>
-  <div class="card card--new flex flex-column gap">
+  <div class="card card--new flex flex-column gap-half">
     <%= button_to collection_cards_path(collection), method: :post, class: "btn btn--link" do %>
       <%= icon_tag "add" %>
       <span>Add a card</span>