<div class="row mx-0 justify-content-between bg-primary badge-pill">
  <!-- BOTON MENOS -->
  <div class="col-auto px-0 my-auto">
    <img
      draggable="false"
      ondragstart="return false;"
      (contextmenu)="false"
      class="d-block ml-auto py-2 icon-15 btn-effect"
      src="assets/img/menos-blanco.svg"
      (click)="substractCant(articulo)">
  </div>
  <!-- CANTIDAD -->
  <div class="col px-0 my-auto text-white text-center">
    <p><small>{{articulo.cantidad}}</small></p>
  </div>
  <!-- BOTON MAS -->
  <div class="col-auto px-0 my-auto">
    <img
      draggable="false"
      ondragstart="return false;"
      (contextmenu)="false"
      class="d-block ml-auto py-2 icon-15 btn-effect"
      src="assets/img/mas-blanco.svg"
      (click)="addCant(articulo)">
  </div>
</div>