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