Match Rule card type and section gaps to the template grid.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/sections/RuleStack/RuleStack.view.tsx

@@ -27,7 +27,7 @@ export function RuleStackView({
         min-[1024px]:px-[64px] min-[1024px]:py-[64px]
         min-[1440px]:px-[96px]
         gap-[24px]
-        min-[640px]:gap-[32px]
+        min-[768px]:gap-[32px]
         min-[1024px]:gap-[40px]
         ${className}
       `}
@@ -53,14 +53,7 @@ export function RuleStackView({
         />
       )}
 
-      <div
-        className="
-        flex justify-center w-full
-        max-[767px]:mt-[var(--measures-spacing-600,24px)]
-        min-[768px]:max-[1023px]:mt-[var(--measures-spacing-800,32px)]
-        min-[1024px]:mt-[var(--measures-spacing-1000,40px)]
-      "
-      >
+      <div className="flex w-full justify-center">
         <Button
           buttonType="outline"
           palette="default"