From 2f043af38e6295170d0c19c4020671e334ed66ae 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 c31503c..d5b3271 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;
@@ -92,5 +92,9 @@
     // Purple color
     &--purple {
         background-color: $color-primary-tertiary20;
+
+        &:hover {
+            background-color: $color-lightpurple;
+        }
     }
 }
\ No newline at end of file