fix: add smaller text on mobile

Author: gloriababic

apps/website/src/components/BaseContactForm.astro

@@ -93,7 +93,7 @@ const { onDark, classNames } = Astro.props;
         id="form-consent-text"
         for="form-consent"
         class={classnames(
-          "[&>em]:not-italic [&_b]:text-[#67a807] [&>em]:font-semibold cursor-pointer",
+          "[&>em]:not-italic [&_b]:text-[#67a807] [&>em]:font-semibold cursor-pointer text-sm sm:text-base",
           {
             "text-secondary": !onDark,
             "text-neutral-50": onDark,

apps/website/src/components/vibe-code-mvp/GetInTouch.astro

@@ -9,7 +9,7 @@ import Section from "../Section.astro";
 ---
 
 <Section
-  contentClassName={`${grid_classes} bg-[#5362DBE5]/[0.9] text-white rounded-[48px] mt-12 max-sm:gap-0`}
+  contentClassName={`${grid_classes} bg-[#5362DBE5]/[0.9] text-white rounded-[48px] mt-12 md:mt-22 max-sm:gap-0`}
   className="bg-contrast"
 >
   <div
@@ -49,7 +49,7 @@ import Section from "../Section.astro";
     <BaseContactForm onDark classNames="pb-6 lg:pb-12 max-sm:gap-0">
       <span
         slot="submit-button-content"
-        class="flex items-center justify-center gap-2.5"
+        class="flex items-center justify-center gap-2.5 text-sm sm:text-base"
       >
         Get a free build review <RightArrow />
       </span>