Issue #3492158: When hover on button, it goes up, needs to be fixed

css/style.css

@@ -530,7 +530,6 @@ input[type=range]::-webkit-slider-thumb {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }
 .button:hover {
-  transform: translateY(-5px);
   border-radius: 1.5rem;
 }
 

scss/components/_buttons.scss

@@ -4,7 +4,7 @@
   outline: none;
   line-height: 40px;
   padding: 0 30px;
-  font-size: .8em;
+  font-size: 0.8em;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
@@ -17,10 +17,10 @@
   transition: all 0.3s ease 0s;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   &:hover {
-    transform: translateY(-5px);
     border-radius: 1.5rem;
   }
 }
+
 .button {
   @extend %default-button;
 }
@@ -30,11 +30,11 @@
 .button--primary,
 .button-primary {
   color: #fff;
-  background: #140C40;
+  background: #140c40;
   border: 1px solid transparent;
   &:hover {
-    color: #140C40;
-    border: 1px solid #140C40;
+    color: #140c40;
+    border: 1px solid #140c40;
     background: #fff;
   }
 }