More design updates

components/cart/CartItem/CartItem.module.css

@@ -7,14 +7,14 @@
 }
 
 .actions {
-  @apply flex p-1 border-accent-3 border items-center justify-center w-12 text-accent-7;
+  @apply flex p-1 border-accent-2 border items-center justify-center w-12 text-accent-7;
   transition-property: border-color, background, color, transform, box-shadow;
   transition-duration: 0.15s;
   transition-timing-function: ease;
 }
 
 .actions:hover {
-  @apply bg-accent-1 border-accent-4 text-accent-9;
+  @apply bg-accent-1 border-accent-3 text-accent-9;
   transition: border-color;
   z-index: 10;
 }

components/cart/CartItem/CartItem.tsx

@@ -155,7 +155,7 @@ const CartItem = ({
           <button className={s.actions} onClick={handleRemove}>
             <Cross width={20} height={20} />
           </button>
-          <label className="w-full border-accent-3 border ml-2">
+          <label className="w-full border-accent-2 border ml-2">
             <input
               type="number"
               max={99}

components/cart/CartSidebarView/CartSidebarView.tsx

@@ -100,7 +100,7 @@ const CartSidebarView: FC = () => {
                 My Cart
               </h2>
             </Link>
-            <ul className="py-4 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-accent-3 border-accent-3">
+            <ul className="py-4 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-accent-2 border-accent-2">
               {data!.lineItems.map((item: any) => (
                 <CartItem
                   key={item.id}
@@ -132,13 +132,8 @@ const CartSidebarView: FC = () => {
             </div>
             <div>
               {process.env.COMMERCE_CUSTOMCHECKOUT_ENABLED ? (
-                <Button
-                  Component="a"
-                  width="100%"
-                  variant="ghost"
-                  onClick={goToCheckout}
-                >
-                  Continue to Checkout
+                <Button Component="a" width="100%" onClick={goToCheckout}>
+                  Proceed to Checkout ({total})
                 </Button>
               ) : (
                 <Button href="/checkout" Component="a" width="100%">