/**
 * Container-Row: 100%
 *
 * Full-viewport-width wrapper. No padding, no margin.
 * Content is centred horizontally via flexbox.
 */

.container-row-100 {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

/* .button__container is block-level (full-width), so flex rowing on the
   parent can't shrink it. Row the button inside its own wrapper instead. */
.container-row-100 .button__container {
  display: inline-block;
  container: none;
  inline-size: unset;
}