CSS

<div
  class="surface-default"
  style="
    border-top: 1px solid var(--tng-color-border-contrast-default);
  "
>
  <div class="p-xl fg-error-default">
    <div
      class="tng-flex flex-wrap gap-2xl align-items-center justify-content-space-between"
    >
      <p class="flex-grow-5 | tng-text-body pb-md">
        Something went awefully wrong. Please try again.
      </p>
      <button class="flex-grow-1 | tng-button">Oh well</button>
    </div>
  </div>
</div>

Something went awefully wrong. Please try again.

Recipes

Sticky Bottom Bar

source code