style update

src/assets/styles/mixin.less

@@ -1004,11 +1004,11 @@
     border: 0;
     color: @m-white0;
     font-size: 14px;
-    background: linear-gradient(0deg, @m-red0 0%, @m-red1 99%);
+    background: linear-gradient(0deg, @m-red9 0%, @m-red10 99%);
     .rounded-corners(3px);
     &:hover,
     &:focus {
-        background: linear-gradient(0deg, @m-red0-hover 0%, @m-red1-hover 99%);
+        background: linear-gradient(0deg, @m-red9-hover 0%, @m-red10-hover 99%);
         color: rgba(@m-white0, 0.8);
         border: 0;
     }

src/assets/styles/variables.less

@@ -126,6 +126,10 @@
 @m-red6: #422b0d;
 @m-red7: #f52b2b;
 @m-red8: #f12a2d;
+@m-red9: #FF5C6F;
+@m-red9-hover: rgba(@m-red9, .8);
+@m-red10: #FB7F75;
+@m-red10-hover: rgba(@m-red10, .8);
 
 @m-yellow0: #FF9600;
 @m-yellow1: #FC9618;