Add smoot hover to buttons

Update 2.3
Add smooth hover to order a service button.
Add smooth hover to categories button.

Author: KirillKapteily

style.css

@@ -4,6 +4,7 @@
   --grey-text-color: #757575;
   --footer-efectivity-substrate-color: #2F303A;
   --our-command-substrate: #F5F4FA;
+  --our-command-substrate-hover: #e9e6e6;
   --efectivity-trans-color: #2e2f3b3f;
 }
 
@@ -32,7 +33,11 @@
   /* margin-bottom: 30px; */
   letter-spacing: 6%;
   border-radius: 4px;
+  transition: background-color 0.3s ease, transform 0.3s ease;
+}
 
+.active-now:hover{
+background-color: var(--accent-color-hover);
 }
 
 
@@ -124,6 +129,7 @@ footer {
   font-size: 16px;
   font-weight: 700;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+  transition: background-color 0.3s ease, transform 0.3s ease;
   /* line-height: 30px; */
   /* margin-bottom: 30px; */
   /* letter-spacing: 6%; */
@@ -187,8 +193,12 @@ footer {
   /* margin-bottom: 30px; */
   letter-spacing: 6%;
   border-radius: 4px;
+  transition: background-color 0.3s ease, transform 0.3s ease;
 }
 
+.active-ground:hover{
+background-color: var(--our-command-substrate-hover);
+}
 
 .active {
   color: rgb(33, 33, 33);