site: large github button

site/theme/static/home.less

@@ -87,6 +87,12 @@
     bottom: 26px;
   }
 
+  .banner-btns {
+    display: flex;
+    align-items: center;
+    margin-top: 24px;
+  }
+
   .banner-btn {
     padding: 0 24px;
     border-radius: 100px;
@@ -106,10 +112,6 @@
     border: 1px solid #2f54eb;
     color: #2f54eb;
   }
-  .github-btn {
-    display: inline-block;
-    vertical-align: text-bottom;
-  }
 }
 
 svg {

site/theme/template/Home/Banner.jsx

@@ -63,22 +63,21 @@ class Banner extends React.PureComponent {
               <FormattedMessage id="app.home.introduce" />
             </p>
             {!isMobile && (
-              <div key="buttons" style={{ marginTop: 24 }}>
+              <div className="banner-btns" key="buttons">
                 <Link className="banner-btn components" to={utils.getLocalizedPathname('/docs/react/introduce', isZhCN)}>
                   <FormattedMessage id="app.home.getting-started" />
                 </Link>
                 <Link className="banner-btn language" to={utils.getLocalizedPathname('/docs/spec/introduce', isZhCN)}>
                   <FormattedMessage id="app.home.design-language" />
                 </Link>
-                <div className="github-btn">
                 <GitHubButton
                   key="github-button"
+                  size="large"
                   type="stargazers"
                   namespace="ant-design"
                   repo="ant-design"
                 />
               </div>
-              </div>
             )}
           </QueueAnim>
           {!isMobile && (