diff --git a/src/components/index/ActionButtons.js b/src/components/index/ActionButtons.js
index 764a5e5..86cdcdc 100644
--- a/src/components/index/ActionButtons.js
+++ b/src/components/index/ActionButtons.js
@@ -12,9 +12,9 @@ const getButtonClasses = (isClient) =>
 
 const ActionButtons = ({ isClient, image, shuffleImage }) => (
   <div className="flex flex-col">
-    <div className="p-4 m-4 bg-buzzwordsPrimary blurred-or-opaque-bg-1 rounded-xl flex flex-col text-center z-10">
-      <h3>Try the game I&apos;m making!</h3>
-      <a className={getButtonClasses(isClient)} href="https://buzzwords.gg">
+    <div className="text-white p-4 m-4 bg-buzzwordsPrimary blurred-or-opaque-bg-1 rounded-xl flex flex-col text-center z-10">
+      <h3 className="mb-2 drop-shadow">Try the game I&apos;m making!</h3>
+      <a className="rounded-full bg-buzzwordsPrimary hover:bg-yellow-300 text-black p-2" href="https://buzzwords.gg">
         Buzzwords
       </a>
     </div>
diff --git a/yarn.lock b/yarn.lock
index c8b1cca..074b7df 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3529,9 +3529,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001219, caniuse-lite@^1.0.30001230, caniuse-lite@^1.0.30001243:
-  version "1.0.30001243"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001243.tgz#d9250155c91e872186671c523f3ae50cfc94a3aa"
-  integrity sha512-vNxw9mkTBtkmLFnJRv/2rhs1yufpDfCkBZexG3Y0xdOH2Z/eE/85E4Dl5j1YUN34nZVsSp6vVRFQRrez9wJMRA==
+  version "1.0.30001298"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001298.tgz"
+  integrity sha512-AcKqikjMLlvghZL/vfTHorlQsLDhGRalYf1+GmWCf5SCMziSGjRYQW/JEksj14NaYHIR6KIhrFAy0HV5C25UzQ==
 
 caw@^2.0.0, caw@^2.0.1:
   version "2.0.1"