From 41ec26c927c53499306e8de40c688a2326cd799e Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Fri, 14 Dec 2018 15:36:42 +0100
Subject: cta boxes hover state

---
 packages/website/ts/@next/components/animatedChatIcon.tsx | 5 -----
 packages/website/ts/@next/components/blockIconLink.tsx    | 5 +++++
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/website/ts/@next/components/animatedChatIcon.tsx b/packages/website/ts/@next/components/animatedChatIcon.tsx
index bddb1d433..4b7466877 100644
--- a/packages/website/ts/@next/components/animatedChatIcon.tsx
+++ b/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`
diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx
index 648b5a485..46a267889 100644
--- a/packages/website/ts/@next/components/blockIconLink.tsx
+++ b/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`
-- 
cgit v1.2.3