Carregamento e falha

<div class="hx-form hx-form-wide">
  <p class="hx-loading" role="status" style="animation:none"><span class="hx-spinner" aria-hidden="true"></span>Carregando…</p>
  <div class="hx-card hx-region" aria-busy="true"><p>Conteúdo antigo, a meia-luz e sem clique.</p></div>
  <div class="hx-message hx-message-danger hx-message-compact" role="alert"><svg class="hx-icon" aria-hidden="true"><use href="hibex/icons/sprite.svg#icon-octagon-alert"></use></svg><p><span class="hx-visually-hidden">Erro:</span>Não foi possível carregar.</p><button class="hx-button hx-button-compact" type="button">Tentar de novo</button></div>
</div>