diff --git a/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html b/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
index a651eb9..275ea0b 100644
--- a/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
+++ b/src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
@@ -33,7 +33,9 @@
               DESLIZÁ LA TARJETA POR LA RANURA<br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+              class="btn-effect px-0 bg-white mt-4 mx-auto"
+              [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-7'">
               <div class="row mx-0 bg-primary badge-pill h-auto">
                 <div class="col-10 align-self-center text-center text-white">
                   Continuar
@@ -74,7 +76,9 @@
               PARTE INFERIOR DE LECTOR <br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+              class="btn-effect px-0 bg-white mt-4 mx-auto"
+              [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-7'">
               <div class="row mx-0 bg-primary badge-pill h-auto">
                 <div
                  class="col-10 align-self-center text-center text-white">
@@ -115,7 +119,9 @@
               ACERCÁ LA TARJETA AL POSNET<br>
               CUANDO LA PANTALLA LO INDIQUE
             </small>
-            <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
+            <div
+              class="btn-effect px-0 bg-white mt-4 mx-auto"
+              [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-7'">
               <div class="row mx-0 bg-primary badge-pill h-auto">
                 <div
                  class="col-10 align-self-center text-center text-white">