From 72bcdbc0c00a9f0cdfc5195b6895d98842b2457f Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 9 Jan 2022 07:21:49 -0800
Subject: [PATCH] fix buzzwords callout style

---
 src/components/index/ActionButtons.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/index/ActionButtons.js b/src/components/index/ActionButtons.js
index db365c3..764a5e5 100644
--- a/src/components/index/ActionButtons.js
+++ b/src/components/index/ActionButtons.js
@@ -12,12 +12,9 @@ const getButtonClasses = (isClient) =>
 
 const ActionButtons = ({ isClient, image, shuffleImage }) => (
   <div className="flex flex-col">
-    <div className="p-4 m-4 bg-buzzwordsPrimary bg-opacity-50 rounded-xl flex flex-col text-center">
+    <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"
-      >
+      <a className={getButtonClasses(isClient)} href="https://buzzwords.gg">
         Buzzwords
       </a>
     </div>