Предотвратить изменение высоты ссылки при наведении

Используя Angular, Angular Material и Angular Flex-Layout, я создал группу ссылок в стиле карточек или плиток. Когда ссылки не наводятся, отображаются значок и заголовок ссылки. При наведении значок и заголовок больше не отображаются и заменяются информационным текстом.

Для элементов с большим количеством информационного текста это изменение состояния приводит к увеличению высоты элементов.

Я могу исправить это, жестко запрограммировав min-height с пикселями. Однако, если я попытаюсь использовать проценты, например 110%, размер ссылок не изменится. То же самое верно и для div, окружающего ссылки с именем .container.

Вот отрывок:

<div class="container" fxLayout fxLayoutAlign="center" fxLayoutGap="10px">

  <a mat-flat-button color="primary" fxFlex href="https://example.com/footprints">
    <div class="hoverOff"><fa-icon [icon]="faToolbox"></fa-icon>Broken</div>
    <div class="hoverOn">Is your request causing an impact to a business-critical function, which is impacting daily production?</div>
  </a>

  <a mat-flat-button color="primary" fxFlex href="https://example.com/divisions/dev/Lists/Requests/NewForm.aspx?isProject=Yes">
    <div class="hoverOff"><fa-icon [icon]="faPuzzlePiece"></fa-icon>Project</div>
    <div class="hoverOn">Is your request a new product or service?<br>
      Requires and RFI or RFP?<br>
      Requires more than 500 or more internal resource hours<br>
      Necessitates a cost greater then $100,000?<br>
      New banking center or remodel?<br>
      New Partnership, divestiture or branch closure?
    </div>
  </a>

</div>

<style>
.mat-flat-button {
    white-space: normal;
    line-height: normal;
}

a {
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

fa-icon {
    display: block;
    font-size: 75px;
}

.mat-primary {
    background-color: #00539B !important;
}

a .hoverOn {
    display: none;
}

a:hover .hoverOn {
    display: block;
}

a:hover .hoverOff {
    display: none;
}
</style>

Я создал пример этого на StackBlitz.