Add hover on purple ButtonCircle

2021-11-07 11:48:16 +01:00
parent f88639a2e6
commit f58db34e41
1 changed files with 5 additions and 1 deletions
--- 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