From f2972797ecc153fbe8c13e15f6f77784c115c409 Mon Sep 17 00:00:00 2001
From: Cesar Faber <cesarolvr@Cesars-MacBook-Air.local>
Date: Thu, 8 Feb 2024 21:54:34 -0300
Subject: [PATCH] adding icon hover animation in modal and buttons

---
 src/components/Modal/index.scss |  9 +++++++++
 src/styles/global.scss          | 15 +++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/components/Modal/index.scss b/src/components/Modal/index.scss
index 3b3c69b..53cb1e1 100644
--- a/src/components/Modal/index.scss
+++ b/src/components/Modal/index.scss
@@ -65,12 +65,21 @@
         cursor: pointer;
         border-bottom: 1px solid #3b3b3b;
 
+        svg {
+          transition: transform 0.3s ease;
+        }
+
         &:hover, &.-active {
           background: #474747;
 
           a {
             text-decoration: none;
           }
+
+          svg {
+            transform: scale(1.5);
+            stroke: white;
+          }
         }
 
         &:last-of-type {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 157c6c3..0f37fda 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -109,10 +109,24 @@ button,
   font-weight: lighter;
   line-height: 14px;
 
+  svg {
+    transition: transform 0.3s ease;
+  }
+
   &:hover {
     text-decoration: none;
+
     cursor: pointer;
     background-color: #3a3a3a;
+
+    p {
+      color: white;
+    }
+
+    svg {
+      transform: scale(1.2);
+      stroke: white;
+    }
   }
 
   &.-toggle {
@@ -123,6 +137,7 @@ button,
     &:hover {
       background: none;
       text-decoration: underline;
+      color: white;
     }
   }