diff --git a/src/app/sidebar/sidebar.component.html b/src/app/sidebar/sidebar.component.html
index f19e18c..e6ac233 100644
--- a/src/app/sidebar/sidebar.component.html
+++ b/src/app/sidebar/sidebar.component.html
@@ -26,13 +26,20 @@
         </div>
       </div>
     </div>
-    
-    <div class="card mt-auto">
-      <div class="card-body">
-        <h5 class="card-title">Card title</h5>
-        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
-          content.</p>
-        <a href="#" class="btn btn-primary">Go somewhere</a>
+
+    <div class="card mt-auto" style="background: linear-gradient(0deg,  rgba(40,112,175,1),rgb(252, 252, 252))">
+      <div class="card-body row">
+        <div class="col">
+          <h4 class="border-bottom border-secondary text-secondary">(1) item</h4>
+          <h3 class="text-secondary">Total</h3>
+          <h3 class="text-dark"><strong>{{5000 | currency}}</strong></h3>
+        </div>
+        <div class="col p-0">
+          <button type="button" class="btn btn-light shadow"><strong>Finalizar y pagar</strong></button>
+        </div>
+        <div class="col">
+          <button type="button" class="btn btn-light shadow btn-sm">Cancelar</button>
+        </div>
       </div>
     </div>
   </div>