cta boxes hover state

packages/website/ts/@next/components/animatedChatIcon.tsx

@@ -50,11 +50,6 @@ const fadeInOut = keyframes`
 const Bubble = styled.g`
     animation: ${scale} 4s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transform-origin: 50% 50%;
-
-    path,
-    circle {
-        fill: ${props => props.theme.lightBgColor};
-    }
 `;
 
 const Rays = styled.g`

packages/website/ts/@next/components/blockIconLink.tsx

@@ -76,6 +76,7 @@ const Wrap = styled.div`
     justify-content: center;
     align-items: center;
     text-align: center;
+    transition: background-color 0.25s;
     background-color: ${props => props.theme.lightBgColor};
     cursor: pointer;
 
@@ -88,6 +89,10 @@ const Wrap = styled.div`
         width: 100%;
         margin-top: 30px;
     }
+
+    &:hover {
+        background-color: #002d28;
+    }
 `;
 
 const Title = styled.h2`