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

Ionic Framework
1

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

At the moment, it is appearing like this:

home

But I want it to display like so:

home1

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-button>
</ion-fab>

.ion-fab {
  bottom: 20px;
  z-index: 400;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
2

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