From 13002c797a174c488c8780486b1e2e35dd3cc81c Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Sat, 27 Jun 2020 21:51:54 -0700
Subject: [PATCH] chore: Use Button component on dev champion page

---
 src/pages/developer-champion.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/pages/developer-champion.js b/src/pages/developer-champion.js
index db012687d..3fbf7c494 100644
--- a/src/pages/developer-champion.js
+++ b/src/pages/developer-champion.js
@@ -2,6 +2,7 @@ import React from 'react';
 import cx from 'classnames';
 import Layout from '../components/Layout';
 import SEO from '../components/Seo';
+import Button from '../components/Button';
 import PageTitle from '../components/PageTitle';
 import ExternalLink from '../components/ExternalLink';
 import FeatherIcon from '../components/FeatherIcon';
@@ -77,18 +78,18 @@ const DeveloperChampionPage = () => {
             observability platform theme in which New Relic plays a crucial role
           </p>
         </div>
-        <ExternalLink
+        <Button
+          as={ExternalLink}
           className={styles.nominateButton}
           href="https://forms.gle/Zkdub5e1x4MNqSKW9"
+          variant={Button.VARIANT.PRIMARY}
         >
-          <button type="button">
-            Nominate a Developer Champion{' '}
-            <FeatherIcon
-              name="external-link"
-              className={styles.externalLinkIcon}
-            />
-          </button>
-        </ExternalLink>
+          Nominate a Developer Champion{' '}
+          <FeatherIcon
+            name="external-link"
+            className={styles.externalLinkIcon}
+          />
+        </Button>
       </section>
       <section className={cx(styles.section, styles.twoColumn)}>
         <img