Adds buttonWrapper

packages/website/ts/@next/components/button.tsx

@@ -18,6 +18,16 @@ export const Button: React.StatelessComponent<ButtonInterface> = props => {
     return <Component {...props}>{ props.children }</Component>;
 };
 
+// Added this, & + & doesnt really work since we switch with element types...
+export const ButtonWrap = styled.div`
+  button + button,
+  a + a,
+  a + button,
+  button + a {
+    margin-left: 10px;
+  }
+`;
+
 const StyledButton = styled.button<ButtonInterface>`
     appearance: none;
     border: 0;

packages/website/ts/@next/pages/landing.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import styled from 'styled-components';
 
 import { colors } from 'ts/style/colors'
-import { Button } from 'ts/@next/components/button';
+import { Button, ButtonWrap } from 'ts/@next/components/button';
 import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Intro, Text } from 'ts/@next/components/text';
@@ -22,7 +22,8 @@ export const NextLanding = () => (
         <Column colWidth="2/3">
           <Heading>Powering Decentralized Exchange</Heading>
           <Intro>0x is the best solution for adding exchange functionality to your business.</Intro>
-          <div>
+
+          <ButtonWrap>
             <Button inline>
               Get Started
             </Button>
@@ -30,7 +31,7 @@ export const NextLanding = () => (
             <Button transparent inline>
               Learn More
             </Button>
-          </div>
+          </ButtonWrap>
         </Column>
 
         <Column colWidth="1/3">