Better upgrde footer on mobile

saas/app/assets/stylesheets/fizzy/saas.css

@@ -34,20 +34,22 @@
   .settings-subscription__notch {
     animation: wiggle 500ms ease;
     background: var(--settings-subscription-background);
-    box-shadow: 0 0 0.3em 0.2em var(--settings-subscription-color);
     border-radius: 3em;
+    box-shadow: 0 0 0.3em 0.2em var(--settings-subscription-color);
     color: var(--settings-subscription-text-color);
     margin-inline: auto;
     padding: 0 0.3em 0 1.2em;
+    padding: 0.5ch 0.5ch 0.5ch 2ch;
     transform: rotate(-1deg);
 
     @media (max-width: 640px) {
-      padding-block: 0.6em;
-      padding-inline-start: 0.3em;
+      border-radius: 1ch;
+      padding-block: 1ch;
+      padding-inline: 2ch;
     }
 
     .btn {
-      margin-block: 0.3em;
+      /* margin-block: 0.3em; */
     }
   }
 

saas/app/views/cards/container/footer/saas/_create.html.erb

@@ -1,4 +1,4 @@
-<% if Current.account.exceeding_card_limit? %>
+<% if !Current.account.exceeding_card_limit? %>
   <%= render "account/subscriptions/upgrade" %>
 <% else %>
   <%= render "cards/container/footer/create", card: card %>