@mixin standard-modal-styles {

  &__container,
  &__body {
    @include column-flex-container;
  }

  &__header,
  &__footer {
    @include flex-row;
  }

  &__header,
  &__body,
  &__footer {
    padding: spacing(20);
  }

  &__body {
    padding-bottom: 0;
  }

  &__header {
    border: {
      bottom: border(1);
    }
    justify-content: space-between;
  }

  &__footer {
    border: {
      top: border(1);
    }
  }

  &__title {
    font: {
      size: 18px;
    }
    margin: 0;
  }

  &__close {
    @include css-close-icon;
  }

  &__row {
    @include flex-row;
  }
}