/* src/alert/src/Alert.css */
.o-ui-alert-button-group > .o-ui-button {
  max-width: 50%;
  width: 50%;
  flex-grow: 1;
  flex-basis: 0;
}
.o-ui-alert-heading {
  text-align: left;
  width: 100%;
}
.o-ui-alert-content {
  text-align: left;
}
@media all and (max-width: 40rem) {
  .o-ui-alert-button-group > .o-ui-button {
    max-width: 100%;
    width: 100%;
  }
  .o-ui-alert-heading {
    text-align: center;
  }
  .o-ui-alert-content {
    text-align: center;
  }
}