diff --git a/src/goods-action-button/index.less b/src/goods-action-button/index.less
index fa7f99178..dee599830 100644
--- a/src/goods-action-button/index.less
+++ b/src/goods-action-button/index.less
@@ -16,16 +16,16 @@
 
   &--last {
     margin-right: 5px;
-    border-top-right-radius: 18px;
-    border-bottom-right-radius: 18px;
+    border-top-right-radius: @goods-action-button-height / 2;
+    border-bottom-right-radius: @goods-action-button-height / 2;
   }
 
   &--warning {
-    background: linear-gradient(to right, #ffd01e, #ff8917);
+    background: @goods-action-button-warning-color;
   }
 
   &--danger {
-    background: linear-gradient(to right, #ff6034, #ee0a24);
+    background: @goods-action-button-danger-color;
   }
 
   @media (max-width: 321px) {
diff --git a/src/style/var.less b/src/style/var.less
index fad33465b..5aa43a72c 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -307,6 +307,8 @@
 @goods-action-icon-active-color: @active-color;
 @goods-action-icon-text-color: @gray-darker;
 @goods-action-button-height: 40px;
+@goods-action-button-warning-color: linear-gradient(to right, #ffd01e, #ff8917);
+@goods-action-button-danger-color: linear-gradient(to right, #ff6034, #ee0a24);
 
 // IndexAnchor
 @index-anchor-padding: 0 @padding-md;