Push ShopModule button to bottom if it has no bottom text

src/components/organisms/ShopModule.svelte

@@ -58,7 +58,7 @@
     })
 </script>
 
-<div class="shop shadow-box-dark">
+<div class="shop shadow-box-dark" class:has-no-bottom={!textBottom}>
     <div class="content">
         <div class="shop__images">
             {#if images}

src/style/organisms/_shop.scss

@@ -75,7 +75,8 @@
         border-radius: 12px;
 
         @include bp (sm) {
-            padding: clamp(40px, 4.5vw, 64px) clamp(48px, 4.5vw, 72px) clamp(24px, 4.5vw, 40px) clamp(40px, 4.5vw, 64px);
+            $vw: 4.5vw;
+            padding: clamp(40px, $vw, 64px) clamp(48px, $vw, 72px) clamp(24px, $vw, 40px) clamp(40px, $vw, 64px);
         }
 
         :global(.button) {
@@ -113,4 +114,24 @@
             padding-top: 24px;
         }
     }
+
+
+    /*
+    ** Variants
+    */
+    // No bottom text
+    &.has-no-bottom {
+        .shop__content {
+            @include bp (sm) {
+                $vw: 4.5vw;
+                padding: clamp(40px, $vw, 64px) clamp(48px, $vw, 72px) clamp(40px, $vw, 64px) clamp(40px, $vw, 64px);
+            }
+
+            :global(.button) {
+                @include bp (sm) {
+                    margin-top: auto;
+                }
+            }
+        }
+    }
 }