diff --git a/cards/MyOrderCard.tsx b/cards/MyOrderCard.tsx
index 8d04d1c..a60b78e 100644
--- a/cards/MyOrderCard.tsx
+++ b/cards/MyOrderCard.tsx
@@ -102,7 +102,7 @@ const MyOrderCard = ({ data, selectedMultiLangData }: any) => {
 <div className=" text-center " >
                 <div className="flex-fill detail_link text-capitalize  b2c_btn btn_order_detail fs-13" >
                   <Link href={`myOrder/${data?.name}`} legacyBehavior>
-                    <a href={`myOrder/${data?.name}`} className="color-black fs-13 btn-orderdetail-mob" >
+                    <a href={`myOrder/${data?.name}`} className=" color-detail fs-13 btn-orderdetail-mob" >
                       {selectedMultiLangData?.order_details}
                     </a>
                   </Link>
diff --git a/styles/pages/_allpage-wrapper.scss b/styles/pages/_allpage-wrapper.scss
index c7261b1..7b8fea3 100644
--- a/styles/pages/_allpage-wrapper.scss
+++ b/styles/pages/_allpage-wrapper.scss
@@ -72,13 +72,14 @@
     width: 100px;
 }
 .b2c_btn{
-  border: 2px solid #2c4152 !important;
+  border: 2px solid #0071dc !important;
   font-size: 13px !important;
+  // color: black !important;
 }
 .b2c_btn:hover{
-  border: 2px solid #2c4152 !important;
-  background-color: gainsboro !important;
-  color: black !important;
+  background-color: #0071dc!important;
+  
+  color: white !important;
 }
 .fs-13{
   font-size: 13px !important;
@@ -105,6 +106,12 @@
 .myorder-header-pt{
   padding-top: 7.5px !important;
 }
+.color-detail{
+  color: black !important;
+}
+.color-detail:hover {
+  color: white !important;
+}
 
   @media only screen and (max-width: 600px) {
     .margin_from_nav {