fix: style

Author: Holybasil

src/app/cloak/Hero/index.tsx

@@ -39,7 +39,7 @@ const CloakHero = () => {
           <Button href={CLOAK_SIGNUP_URL} target="_blank" width="250px" className="my-[8px] md:my-0">
             Sign up for demo
           </Button>
-          <Stack direction={["column", "row"]} sx={{ gap: ["1.2rem", "3.2rem"] }}>
+          <Stack direction={["column", "row"]} sx={{ gap: ["1.2rem", "4.4rem"] }}>
             {CLOAK_HERO_LINKS.map(({ key, label, href }) => (
               <ScrollLink
                 key={key}

src/app/cloak/LearnMore/index.tsx

@@ -16,7 +16,7 @@ const LearnMore = () => {
           justifyContent: "center",
         }}
       >
-        <Button size={isMobile ? "small" : "medium"} whiteButton href={CLOAK_HERO_LINKS[0].href} className="!w-[280px] md:!w-[340px]">
+        <Button target="_blank" size={isMobile ? "small" : "medium"} whiteButton href={CLOAK_HERO_LINKS[0].href} className="!w-[280px] md:!w-[340px]">
           Learn more about Cloak’s design
         </Button>
       </Container>

src/app/cloak/SeamlessUserExp/SeamlessCard.tsx

@@ -9,6 +9,7 @@ const SeamlessCard = props => {
     <Stack
       sx={{
         maxWidth: ["auto", "auto", "34rem"],
+        pb: [0, 0, "2.4rem"],
         alignItems: "center",
         ...sx,
       }}