refactor: Change in css to modify look

src/components/Product-listing/product-card/productcard.css

@@ -125,7 +125,16 @@
   margin-right: 0.3rem;
   margin-bottom: 0.1rem;
 }
-
+.add-to-cart-btn.outofstock {
+  cursor: not-allowed;
+  opacity: 0.8;
+}
+.add-to-cart-btn.outofstock:hover {
+  background-color: var(--deep-blue);
+  color: var(--white);
+  outline: none;
+  cursor: not-allowed;
+}
 .product-card {
   position: relative;
 }

src/components/cart/cart.css

@@ -228,7 +228,7 @@
   font-size: 1.1rem;
   font-weight: bold;
   color: var(--deep-blue);
-  margin: 1rem 0;
+  margin-top: 1rem;
 }
 
 .checkout-btn {

src/components/checkout/checkout.css

@@ -93,11 +93,9 @@
   font-size: 1.5rem;
   color: var(--section-title);
   text-align: center;
-  margin-bottom: 0.5rem;
+  margin: 0.5rem 0;
 }
 .order-details-container {
-  box-shadow: 0px 0px 0.2rem var(--boxshadow-color);
-  border-radius: 0.3rem;
   padding: 0.5rem;
   margin: 0.5rem 0;
 }
@@ -110,8 +108,6 @@
   font-weight: bold;
 }
 .price-details {
-  box-shadow: 0px 0px 0.2rem var(--boxshadow-color);
-  border-radius: 0.3rem;
   padding: 0.5rem;
   margin: 0.5rem 0;
 }
@@ -120,8 +116,6 @@
   justify-content: space-between;
 }
 .delivery-container {
-  box-shadow: 0px 0px 0.2rem var(--boxshadow-color);
-  border-radius: 0.3rem;
   padding: 0.5rem;
 }
 .recipient-name {

src/components/user-profile/userprofile.css

@@ -2,7 +2,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: 7rem 0;
+  margin: 5rem 0;
 }
 
 .profile-container {
@@ -85,9 +85,6 @@
   right: 7rem;
 }
 @media (max-width: 768px) {
-  .profile-page {
-    margin: 7rem 0;
-  }
   .profile-container {
     padding: 1rem;
   }