im trying to positionate the buttons on left, but i cant make it responsive.
I want to do this: [![no](https://i.stack.imgur.com/YJHJp.jpg)](https://i.stack.imgur.com/YJHJp.jpg)

here is my html:

```
<div class="teste">
  <div class="primeiro">
    <ion-button fill="clear">
      <span class="button-default">Parcialmente Exec.</span>
    </ion-button>
  </div>
  <div class="segundo">
    <ion-button fill="clear">
        <span class="button-default">Em aberto</span>
    </ion-button>
  </div>
</div>

```

and my css:

```
  .card-header {
    display: flex;
    margin-bottom: 17px;
    border: blue 1px solid;
    .teste{
      margin-left: auto;
      border: red solid 2px;
    }
    .primeiro{
      border: purple solid 2px;
    }
    .segundo{
      border: orangered solid 2px;
    }
    ion-button {
      // margin-left: auto;
      height: 25px;
      max-width: 140px;
      border-radius: 12.5px;
      background-color: $warning;
      color: #ffffff;
      text-transform: capitalize;
    }
  }

```

this is what a i got so far [![no again](https://i.stack.imgur.com/dETlg.jpg)](https://i.stack.imgur.com/dETlg.jpg)