Ionic slider button 3

I need to apply the sliding effect with these buttons. I have the following html:

<ion-row class="row-two-button">
   <ion-col class="button-group">
     <button ion-button round color="secondary" [ngClass]="{dark: travelDestinationA, light: travelDestinationB}" (click)="changeDirectionTravel()">
       <ion-icon name="md-bus"></ion-icon>
         Centro
     </button>
     <button ion-button round color="secondary" [ngClass]="{dark: travelDestinationB, light: travelDestinationA}" (click)="changeDirectionTravel()">
       <ion-icon name="md-bus"></ion-icon>
         Bairro
     </button>
   </ion-col>
</ion-row>

I need to make the slide effect in scss. I'm using Ionic 3.

If it does not work with my html code, how can I do it with another type, a div or something like?

When sliding, it is also necessary to perform a function in angle 2 or angle 4