diff --git a/src/app/accounts/addcredit/addcredit.page.html b/src/app/accounts/addcredit/addcredit.page.html
index ff06f3e..de393ae 100644
--- a/src/app/accounts/addcredit/addcredit.page.html
+++ b/src/app/accounts/addcredit/addcredit.page.html
@@ -128,6 +128,7 @@
                                   fill="outline"
                                   size="small"
                                   shape="round"
+                                  class="oldcard a{{card_level}}"
                                   (click)="setCcType(200)"
                           >
                             <ion-icon  name="card"></ion-icon>
@@ -139,6 +140,7 @@
                                   fill="outline"
                                   size="small"
                                   shape="round"
+                                  class="newcard a{{card_level}}"
                                   (click)="setCcType(400)"
                           >
                             <ion-icon slot="start" name="add-circle"></ion-icon>
diff --git a/src/app/accounts/addcredit/addcredit.page.scss b/src/app/accounts/addcredit/addcredit.page.scss
index 48c5aad..ba0aefc 100644
--- a/src/app/accounts/addcredit/addcredit.page.scss
+++ b/src/app/accounts/addcredit/addcredit.page.scss
@@ -24,7 +24,20 @@ ion-content {
       color: white;
     }
   }
-
+  .oldcard{
+   &.a200{
+     background-color: #070a28;
+     color: white;
+     border-radius: 10px;
+   }
+  }
+  .newcard{
+    &.a400{
+      background-color: #070a28;
+      color: white;
+      border-radius: 10px;
+    }
+  }
   .common_modal{
     background-color: aliceblue;
     max-width: 320px;