diff --git a/src/styles/block/card.scss b/src/styles/block/card.scss
index 850b3f5c53..397b6344a3 100644
--- a/src/styles/block/card.scss
+++ b/src/styles/block/card.scss
@@ -6,13 +6,20 @@
   border-radius: 5px;
 
   &__img {
-    margin: 29px 19px 0;
+    margin: 29px 19px 45px;
     width: 160px;
     height: 134px;
+    transition-duration: 0.4s;
+    transition-property: transform;
+  }
+
+  &__img:hover {
+    transform: scale(1.2);
+    outline: 3px solid #f3f3f3;
   }
 
   &__name {
-    margin: 45px 0 0 14px;
+    margin: 0 0 0 14px;
     font-weight: 500;
     font-size: 12px;
     line-height: 15px;
@@ -65,6 +72,8 @@
     background-color: $light-blue-color;
     border: 1px solid $light-blue-color;
     border-radius: 5px;
+    transition-duration: 0.4s;
+    transition-property: all;
   }
   
   &__buy:hover {
diff --git a/src/styles/block/nav.scss b/src/styles/block/nav.scss
index 388bd5f16a..a51dae8bf4 100644
--- a/src/styles/block/nav.scss
+++ b/src/styles/block/nav.scss
@@ -25,6 +25,8 @@
     text-transform: uppercase;
     text-decoration: none;
     color: #000;
+    transition-duration: 0.4s;
+    transition-property: all;
   }
 
   &__link:hover {