diff --git a/src/app/modules/admin/admin.component.html b/src/app/modules/admin/admin.component.html
index 3fc1843..2a55adb 100644
--- a/src/app/modules/admin/admin.component.html
+++ b/src/app/modules/admin/admin.component.html
@@ -1,2 +1,4 @@
 <router-outlet></router-outlet>
-<div class="h-8 bg-dark"></div>
\ No newline at end of file
+<div class="h-8">
+  <app-footer></app-footer>
+</div>
diff --git a/src/app/modules/footer/footer.component.html b/src/app/modules/footer/footer.component.html
index 28c0d7d..50975be 100644
--- a/src/app/modules/footer/footer.component.html
+++ b/src/app/modules/footer/footer.component.html
@@ -1 +1,18 @@
-<p>footer works!</p>
+<div class="row mx-0 h-100 justify-content-around bg-white">
+  <div class="col-auto align-self-center px-0 bg-white">
+    <div class="btn-effect row mx-0 bg-light rounded-left">
+      <div class="col-auto align-self-center text-primary">ESTAMOS PARA AYUDARTE</div>
+      <div class="col-auto p-0 bg-primary rounded-right">
+        <img class="p-2 img-button-accesibilidad" src="assets/img/iconos-accesibilidad.svg">
+      </div>
+    </div>
+  </div>
+  <div class="btn-effect col-auto align-self-center px-0 bg-white">
+    <div class="row mx-0 bg-light rounded-left">
+      <div class="col-auto align-self-center text-primary">VOLVER</div>
+      <div class="col-auto p-0 bg-primary rounded-right">
+        <img class="p-2 img-button-volver" src="assets/img/icono-volver.svg">
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/modules/footer/footer.component.scss b/src/app/modules/footer/footer.component.scss
index e69de29..585815a 100644
--- a/src/app/modules/footer/footer.component.scss
+++ b/src/app/modules/footer/footer.component.scss
@@ -0,0 +1,7 @@
+.img-button-accesibilidad {
+  width: 60px;
+}
+
+.img-button-volver {
+  width: 40px;
+}
diff --git a/src/app/modules/formas-pago/formas-pago.component.html b/src/app/modules/formas-pago/formas-pago.component.html
index 00de206..cf3e97d 100644
--- a/src/app/modules/formas-pago/formas-pago.component.html
+++ b/src/app/modules/formas-pago/formas-pago.component.html
@@ -7,18 +7,18 @@
   <div class="h-85">
     <div class="row h-50 mx-0 justify-content-center text-center">
       <div class="col-7 pt-5 pb-3 h-auto align-self-center border border-secondary rounded">
-        <img class="img-in-top px-4 bg-white" src="assets/img/logo-spot.svg">
+        <img class="img-in-top px-4 bg-white" src="assets/img/icono-tarjetas.svg">
         <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
         <p class="h2 mb-3 text-secondary">
           tarjetas y
           <img class="w-15" src="assets/img/icono-mercado-pago.svg">
         </p>
-        <button class="btn btn-sm btn-secondary badge-pill">CONTINUAR</button>
+        <div class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white">CONTINUAR</div>
       </div>
     </div>
     <div class="row h-50 mx-0 justify-content-center text-center">
       <div class="col-7 p-5 h-auto align-self-start border border-secondary rounded">
-        <img class="img-in-top px-4 bg-white" src="assets/img/logo-spot.svg">
+        <img class="img-in-top px-4 bg-white" src="assets/img/icono-efectivo.svg">
         <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
         <p class="h2 m-0 text-primary">te esperamos en la caja</p>
       </div>
diff --git a/src/app/modules/formas-pago/formas-pago.component.scss b/src/app/modules/formas-pago/formas-pago.component.scss
index a556392..56e52c1 100644
--- a/src/app/modules/formas-pago/formas-pago.component.scss
+++ b/src/app/modules/formas-pago/formas-pago.component.scss
@@ -5,5 +5,4 @@
   height: 70px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
-  border-radius: 50%;
 }
diff --git a/src/scss/styles-bootstrap.scss b/src/scss/styles-bootstrap.scss
index 526ed90..1bfbe01 100644
--- a/src/scss/styles-bootstrap.scss
+++ b/src/scss/styles-bootstrap.scss
@@ -5,11 +5,13 @@
 $primary: #aa006b;
 $secondary: #00acd8;
 $info: #f4b223;
+$light: #e6e7e9;
 
 $theme-colors: (
   primary: $primary,
   secondary: $secondary,
-  info: $info
+  info: $info,
+  light: $light
 );
 
 @import "node_modules/bootstrap/scss/bootstrap";
diff --git a/src/styles.scss b/src/styles.scss
index 0758089..329b974 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -21,6 +21,17 @@ body {
   user-select: none;
 }
 
+.btn-effect {
+  transition: all 0.3s;
+  &:hover {
+    cursor: pointer;
+    opacity: 0.8;
+  }
+  &:active {
+    transform: scale(1.02);
+  }
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -32,3 +43,7 @@ p {
 .rounded {
   border-radius: 1.5rem !important;
 }
+
+.rounded-sm {
+  border-radius: 0.5rem !important;
+}