diff --git a/src/app/pages/home/home-page.component.scss b/src/app/pages/home/home-page.component.scss
index bbd7051..cf76ad4 100644
--- a/src/app/pages/home/home-page.component.scss
+++ b/src/app/pages/home/home-page.component.scss
@@ -27,6 +27,7 @@
   width: 200px;
   height: 210px;
   margin-right: 20px;
+  transition: 0.3s;
   svg{
     fill: #f0f0f0;
     stroke: #3C2412;
@@ -37,5 +38,6 @@
   }
   &:active {
     transform: translateY(2px);
+    transition: 0.1s;
   }
 }
\ No newline at end of file