From f58db34e41e77864aeeedfd8f59008fed233f3f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 7 Nov 2021 11:48:16 +0100
Subject: [PATCH] Add hover on purple ButtonCircle

---
 src/style/atoms/_button-circle.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/style/atoms/_button-circle.scss b/src/style/atoms/_button-circle.scss
index 2a39811..d58cce2 100644
--- a/src/style/atoms/_button-circle.scss
+++ b/src/style/atoms/_button-circle.scss
@@ -8,7 +8,7 @@
     height: 56px;
     background: #fff;
     border-radius: 100vh;
-    transition: background-color 0.7s var(--ease-quart);
+    transition: background-color 0.8s var(--ease-quart);
 
     & > * {
         width: 22px;
@@ -104,6 +104,10 @@
     // Purple color
     &--purple {
         background-color: $color-primary-tertiary20;
+
+        &:hover {
+            background-color: $color-lightpurple;
+        }
     }
 
     // Gray color