<div [class]=" direction == 'rtl' ?  ' wrapper wrapper_left' : 'wrapper  wrapper_right '">
  <div class="circle pulse"></div>
  <div class="circle">
      <ion-fab class="fab-i ">

          <ion-fab-button class="cbookApointmentBtn" (click)="onClick()"  >
              <!-- <img style="width: 39%; margin-top: -29%;" src="assets/icon/booking.png" /> -->
              <ion-icon class="iconFab" name="finger-print"></ion-icon>
              <p class="fab-p">{{ 'attendance-tracking,title' | translate }} </p>
          </ion-fab-button>

      </ion-fab>
  </div>
</div>