refactor(ticket-selector): restructure actions layout for improved responsiveness

src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html

@@ -53,10 +53,16 @@
       <p class="ticket-selector__empty">No hay entradas disponibles.</p>
     }
 
-    <div class="ticket-selector__actions">
-      <app-button variant="primary" [disabled]="disabled() || !hasSelection()" (click)="onBuy()">
-        Comprar
-      </app-button>
+    <div class="ticket-selector__actions row g-0 justify-content-end">
+      <div class="col-12 col-md-3">
+        <app-button
+          variant="primary"
+          [disabled]="disabled() || !hasSelection()"
+          (click)="onBuy()"
+        >
+          Comprar
+        </app-button>
+      </div>
     </div>
   </div>
 

src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss

@@ -91,14 +91,7 @@
   }
 
   &__actions {
-    display: flex;
-    justify-content: flex-end;
-    gap: 0.75rem;
     margin-top: 0.75rem;
-
-    app-button {
-      min-width: 170px;
-    }
   }
 
   &__map {
@@ -122,18 +115,6 @@
       }
     }
 
-    &__actions {
-      flex-direction: column-reverse;
-
-      app-button {
-        width: 100%;
-
-        ::ng-deep .btn {
-          width: 100%;
-        }
-      }
-    }
-
     &__map {
       margin-top: 2rem;
     }