<div class="w-full h-full flex flex-col justify-center items-center">
  <div class="bg2 flex p-10 rounded-xl text-center">
    <div class="flex flex-col gap-5">
      <h1 class="flex justify-center items-center">
        {{ 'error.server_unavailable' | translate }}
      </h1>
      <p-button (onClick)="retryConnection()" class="btn btn-primary">
        {{ 'error.retry' | translate }}
      </p-button>
    </div>
  </div>
</div>
