diff --git a/main/manager-web/src/components/CustomButton.vue b/main/manager-web/src/components/CustomButton.vue
index f66359bd..dfb4d263 100644
--- a/main/manager-web/src/components/CustomButton.vue
+++ b/main/manager-web/src/components/CustomButton.vue
@@ -15,7 +15,7 @@ export default {
     type: {
       type: String,
       default: 'default',
-      validator: (val) => ['default', 'confirm', 'delete'].includes(val)
+      validator: (val) => ['default', 'confirm', 'delete', 'add'].includes(val)
     }
   }
 };
@@ -122,4 +122,37 @@ export default {
     cursor: not-allowed;
   }
 }
+
+.custom-button--add {
+  width: fit-content;
+  background: #52c41a;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+
+  &.el-button--small {
+    font-size: 14px;
+  }
+  &.el-button--medium {
+    padding: 12px 20px;
+  }
+
+  &:hover {
+    color: white;
+    border-color: transparent;
+    box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
+    transform: translateY(-2px);
+  }
+
+  &.is-disabled,
+  &.is-disabled:hover {
+    background: linear-gradient(to right, #a0e89a, #c4f0c0);
+    color: rgba(255, 255, 255, 0.6);
+    border-color: transparent;
+    box-shadow: none;
+    transform: none;
+    cursor: not-allowed;
+  }
+}
 </style>