.action-group,
.button-row,
.table-actions,
.message-actions,
.cex-actions,
.topbar-actions,
.range-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 14px;
  row-gap: 12px;
}

.action-group { margin-top: 20px; }
.action-group + .alert,
.button-row + .alert,
.cex-actions + .alert { margin-top: 16px; }

.action-group > .button,
.button-row > .button,
.table-actions > .button,
.message-actions > .button,
.cex-actions > .button {
  min-height: 39px;
  margin: 0;
  padding-inline: 15px;
  border-radius: 11px;
  font-weight: 800;
}

.action-group > .button:not(.button-small),
.button-row > .button:not(.button-small) {
  min-height: 48px;
  padding-inline: 21px;
}

@media (max-width: 700px) {
  .action-group,
  .button-row,
  .table-actions,
  .message-actions,
  .cex-actions {
    align-items: stretch;
  }

  .table-actions > .button,
  .message-actions > .button,
  .cex-actions > .button {
    flex: 1 1 auto;
  }
}

@media (max-width: 430px) {
  .action-group > .button,
  .button-row > .button,
  .cex-actions > .button {
    flex: 1 1 100%;
  }
}