feat: connect hero buttons into a single unit

Merge version_3_1778354574150 into main

src/components/sections/hero/HeroSplit.tsx

@@ -45,9 +45,9 @@ const HeroSplit = ({
               className="max-w-8/10 text-lg md:text-xl leading-tight text-center md:text-left"
             />
 
-            <div className="flex flex-wrap max-md:justify-center gap-3 mt-3">
+            <div className="flex flex-wrap max-md:justify-center mt-3">
-              <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
+              <Button text={primaryButton.text} href={primaryButton.href} variant="primary" className="rounded-r-none" />
-              <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
+              <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" className="rounded-l-none" animationDelay={0.1} />
             </div>
           </div>
         </div>