:root {
  --modal-border-radius: 6px;
  --modal-max-width: 400px;
  --modal-min-width: 250px;
  --modal-shadow: 0 15px 24px rgba(0,0,0,0.22), 0 19px 76px rgba(0,0,0,0.3);
}

.LegacyModal-container {
  display: flex;
  flex-direction: column;
  border-radius: var(--modal-border-radius);
  padding: var(--space-3x) var(--space-5x) var(--space-5x) var(--space-5x);
  background-color: var(--color-paper);
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);
  box-shadow: var(--modal-shadow);

  @media (--small-device) {
    padding: var(--space-3x);
  }
}

.LegacyModal-header {
  padding: 0 0 var(--space-2x) 0;
  text-align: center;
}

.LegacyModal-footer {
  display: flex;
  align-items: center;
  padding-top: var(--space-3x);
}

.LegacyModal-footer--multipleItems > .Button:first-child {
  margin-right: var(--space);
}

.LegacyModal-footer--singleItem > .Button {
  width: 100%;
}