diff --git a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
index 0d48bbf..966520d 100644
--- a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
+++ b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
@@ -1,28 +1,37 @@
 .card {
-  display: flex;
-  width: 200px;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem;
-  border: 2px green double;
-
-  &__text {
-    height: 100%;
     display: flex;
+    width: 200px;
+    flex-direction: column;
     align-items: center;
-    flex-wrap: wrap;
-  }
-  &__title {
-    width: 100%;
-    text-align: center;
-    color: cadetblue;
-    font-weight: 900;
-  }
-  &__price {
-    padding-top: 1rem;
-    width: 50%;
-    font-weight: 700;
-    text-align: center;
-  }
-}
+    justify-content: space-between;
+    padding: 1rem;
+    border: 2px green double;
+    transition: box-shadow .3s ease-in-out;
+    cursor: pointer;
+
+    &:hover {
+        box-shadow: 8px 10px 5px 2px #14763033;
+        transition: box-shadow .3s ease-in-out;
+    }
+
+    &__text {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
+    &__title {
+        width: 100%;
+        text-align: center;
+        color: cadetblue;
+        font-weight: 900;
+    }
+
+    &__price {
+        padding-top: 1rem;
+        width: 50%;
+        font-weight: 700;
+        text-align: center;
+    }
+}
\ No newline at end of file