.fizz-layout-invoice {
  display: grid;
  grid-template-areas: 
    "alert"
    "pay-cta"
    "table";
  gap: $spacing-32;
  max-width: 688px;
  margin-inline: auto;
}
[data-grid-area="table"] {
  grid-area: table;
  order: 3;
}
[data-grid-area="pay-cta"] {
  grid-area: pay-cta;
}
[data-grid-area="alert"] {
  grid-area: alert;
}
@media (min-width: 1200px) {
  .fizz-layout-invoice {
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-template-areas: 
      "table alert"
      "table pay-cta";
    gap: $spacing-32;
    max-width: 1344px;
  }
}