diff --git a/src/styles/cta.scss b/src/styles/cta.scss
index 03bc79bd9b..7af94b2869 100644
--- a/src/styles/cta.scss
+++ b/src/styles/cta.scss
@@ -54,6 +54,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
index c0cbf15885..eb188dccc2 100644
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -65,6 +65,7 @@
 
     &:hover {
       transform: scale(150%);
+      transition: 0.3s;
     }
   }
 
@@ -76,6 +77,7 @@
     &:hover {
       transform: scale(150%);
       background-image: url(../images/socials/twitter-hover.svg);
+      transition: 0.3s;
     }
   }
 
@@ -86,6 +88,7 @@
 
     &:hover {
       transform: scale(150%);
+      transition: 0.3s;
     }
   }
 
@@ -135,6 +138,7 @@
 
     &:hover::after {
       @include forHoveredFocusedLinks;
+      transition: 0.3s;
     }
 
     &:focus::after {
diff --git a/src/styles/form.scss b/src/styles/form.scss
index 0c327b2452..7855a0554e 100644
--- a/src/styles/form.scss
+++ b/src/styles/form.scss
@@ -45,6 +45,7 @@
   &__field:hover {
     border-color: $c-hover-blue;
     opacity: 1;
+    transition: 0.3s;
   }
 
   &__btn {
@@ -64,6 +65,7 @@
 
     &:hover {
       background-color: $c-hover-blue;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/header.scss b/src/styles/header.scss
index 5c676fdb80..18c9ef1972 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -64,6 +64,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/nav.scss b/src/styles/nav.scss
index 8be9ab2b75..54901e7e29 100644
--- a/src/styles/nav.scss
+++ b/src/styles/nav.scss
@@ -10,7 +10,6 @@
   // }
   @include onMediumDisplay {
     padding-left: 227px;
-
   }
 
   &__icons {
@@ -64,6 +63,7 @@
 
     &:hover::after {
       @include forHoveredFocusedLinks;
+      transition: 0.3s;
     }
 
     &:focus::after {
diff --git a/src/styles/services.scss b/src/styles/services.scss
index ce1e84dda2..95f0618bb4 100644
--- a/src/styles/services.scss
+++ b/src/styles/services.scss
@@ -104,6 +104,7 @@
         border-radius: 50px;
         background-color: aliceblue;
         cursor: pointer;
+        transition: 0.3s;
       }
     }
   }
@@ -133,6 +134,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
      }
   }
 
@@ -146,6 +148,7 @@
     &:hover {
       color: $c-default-blue;
       cursor: pointer;
+      transition: 0.3s;
      }
   }
 }
diff --git a/src/styles/testimonials.scss b/src/styles/testimonials.scss
index 2c36f4fbe1..4bf3b455d2 100644
--- a/src/styles/testimonials.scss
+++ b/src/styles/testimonials.scss
@@ -63,6 +63,7 @@
     &:hover {
       transform: scale(110%);
       cursor: pointer;
+      transition: 0.3s;
     }
 
     @include onTablet {
@@ -132,7 +133,6 @@
     }
   }
 
-
   &__pfoto--secount {
     background-image: url(../images/testimonials/testimonial-ava-2.jpg);
     background-repeat: no-repeat;
diff --git a/src/styles/what_we_do.scss b/src/styles/what_we_do.scss
index 34f99de3d0..b0b1aa74bc 100644
--- a/src/styles/what_we_do.scss
+++ b/src/styles/what_we_do.scss
@@ -48,6 +48,7 @@
       box-shadow: 0 18px 9px 0 rgba(37, 41, 49, 0.03);
       transform: scale(110%);
       cursor: pointer;
+      transition: 0.3s;
     }
 
     @include onTablet {