How to place an ion-label underneath an ion-fab-button?

Is it possible to have an ion-label placed just underneath an ion-fab-button?

At the moment, it is appearing like this:


But I want it to display like so:


Here is my current HTML & CSS:

<ion-fab class="ion-fab">
        <ion-fab-button color="light">
          <ion-label class="ion-text-wrap">HOME</ion-label>
            <ion-icon name="home-outline" color="primary"></ion-icon>
.ion-fab {
  bottom: 20px;
  z-index: 400;
  width: 100%;
  display: flex;
  justify-content: space-around;

you need to set the Label to absolute and then play around with positioning