diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index 8a9aac5..16ee2a2 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -24,23 +24,26 @@
     <div class="footer flex arco-row-justify-start">
       <a-button
         v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
-        class="primary-button"
         type="primary"
+        size="mini"
+        class="mr-8px"
         @click="gotoModule(props.product.id)"
       >
         进入模块
       </a-button>
       <a-button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
-        class="primary-button"
+        size="mini"
         type="primary"
+        class="mr-8px"
         @click="visible = true"
       >
         立即购买
       </a-button>
       <a-button
         v-if="props.product.status === Status.ON_TRIAL"
-        class="outline-button"
+        class="mr-8px"
+        size="mini"
         type="outline"
         @click="visible = true"
       >
@@ -48,16 +51,15 @@
       </a-button>
       <a-button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
-        class="outline-button"
+        class="mr-8px"
+        size="mini"
         type="outline"
         @click="visible = true"
       >
         联系客服
       </a-button>
       <a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)">
-        <a-button v-if="props.product.status === Status.Disable" class="outline-button" type="outline">
-          免费试用7天
-        </a-button>
+        <a-button v-if="props.product.status === Status.Disable" size="mini" type="outline"> 免费试用7天 </a-button>
       </a-popconfirm>
     </div>
     <CustomerServiceModal v-model:visible="visible" />
@@ -219,38 +221,6 @@ const gotoModule = (menuId: number) => {
 
   .footer {
     margin-top: 16px;
-
-    .primary-button {
-      height: 24px;
-      border-radius: 4px;
-      gap: 8px;
-      padding: 2px 12px;
-      background-color: rgba(109, 76, 254, 1) !important;
-      font-family: $font-family-medium;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 20px;
-      text-align: right;
-      vertical-align: middle;
-      color: rgba(255, 255, 255, 1);
-      margin-right: 8px;
-    }
-
-    .outline-button {
-      height: 24px;
-      border-radius: 4px;
-      gap: 8px;
-      padding: 2px 12px;
-      border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
-      font-family: $font-family-medium;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 20px;
-      text-align: right;
-      vertical-align: middle;
-      color: rgba(109, 76, 254, 1);
-      margin-right: 8px;
-    }
   }
 }
 </style>