typescript-eslint · JoshuaKGoldberg · Jul 27, 2022 · Jul 5, 2022 · Jul 7, 2022 · Jul 27, 2022
diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
@@ -127,7 +127,10 @@ function Home(): JSX.Element {
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
-            <Link className="button button--primary" to={useBaseUrl('docs/')}>
+            <Link
+              className={clsx('button button--primary', styles.buttonPrimary)}
+              to={useBaseUrl('docs/')}
+            >
               Get Started
             </Link>
             <Link

diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
@@ -33,6 +33,18 @@
   margin: 1rem 1rem;
 }
 
+.buttonPrimary {
+  border: var(--ifm-button-border-width) solid var(--ifm-button-color);
+}
+
+.buttonPrimary:hover {
+  box-shadow: 0 2px 8px var(--ifm-button-color);
+}
+
+[data-theme='dark'] .buttonPrimary {
+  border: var(--ifm-button-border-width) solid var(--ifm-button-color);
+}
+
 .lightBackground {
   background: var(--ifm-color-emphasis-100);
 }