Fixed margin forget started buttons in docs home

packages/website/ts/pages/docs/home.tsx

@@ -32,9 +32,9 @@ export const DocsHome: React.FC = () => {
                         <Heading size="default">Get Started</Heading>
                         {getStartedLinks.map((link, index) => (
                             <Fragment key={`get-started-${index}`}>
-                                <Button color={colors.brandDark} href={link.url} isWithArrow={true}>
+                                <GetStartedButton color={colors.brandDark} href={link.url} isWithArrow={true}>
                                     {link.heading}
-                                </Button>
+                                </GetStartedButton>
                                 <Paragraph color={colors.textDarkPrimary} isMuted={1}>
                                     {link.description}
                                 </Paragraph>
@@ -78,6 +78,10 @@ const GetStartedWrapper = styled.div`
     grid-row-gap: 30px;
 `;
 
+const GetStartedButton = styled(Button)`
+    margin-bottom: 12px;
+`;
+
 const Separator = styled.hr`
     border-width: 0 0 1px;
     border-color: #e4e4e4;