diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.html b/src/app/modules/info-formas-pago/info-formas-pago.component.html
index bfe0f9d..1db4b51 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.html
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.html
@@ -13,7 +13,8 @@
     <div class="row h-auto mt-6 mx-0 justify-content-center text-center">
       <div
         [routerLink]="['/opcion-pedido']"
-        class="col-7 col-xl-4 p-5 m-5 h-auto align-self-end border border-secondary rounded">
+        class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto
+              btn-effect align-self-end border border-secondary rounded">
         <img
           draggable="false"
           ondragstart="return false;"
@@ -40,8 +41,8 @@
             src="assets/img/ir.svg">
         </div>
       </div>
-      <div class="col-7 col-lg-4 p-5 m-5 h-auto align-self-center border
-                  border-primary rounded reduce-card-2">
+      <div class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
+                  btn-effect border border-primary rounded reduce-card-2">
         <img
           draggable="false"
           ondragstart="return false;"