/* Space below the group of buttons and the wrapper's padding classes are
   managed by the spacing props; the group only wraps on narrow screens. */
.bad-button-block__group {
  flex-wrap: wrap;
}

.bad-button-block--left {
  text-align: start;
}

.bad-button-block--left .bad-button-block__group {
  justify-content: flex-start;
}

.bad-button-block--center {
  text-align: center;
}

.bad-button-block--center .bad-button-block__group {
  justify-content: center;
}

.bad-button-block--right {
  text-align: end;
}

.bad-button-block--right .bad-button-block__group {
  justify-content: flex-end;
}