.#{$cdp-modal}__modal-title {
  font-weight: bold;
  @include font-20;
  color: $grey-1;
}

.#{$cdp-modal}__modal-description {
  @include font-16;
  color: $grey-3;
}

.#{$cdp-modal}__modal-footer {
  padding: 0 64px;
  width: 100%;

  .#{$cdp-modal}__btn-bar {
    padding: 32px 0;
    border-top: 1px solid $grey-6;
    @include wrapper_row;
    justify-content: flex-end;
  }

  .#{$cdp-modal}__btn-bar--between {
    padding: 32px 0;
    border-top: 1px solid $grey-6;
    @include wrapper_row;
    justify-content: space-between;
  }

  &.padding-40 {
    padding: 0 40px;
  }

}


.#{$cdp-modal}__modal--container {
  padding: 48px;

  .#{$cdp-modal}__modal--title {
    font-weight: bold;
    @include font-24;
    color: $grey-2;
  }

  .#{$cdp-modal}__modal--content {
    padding-top: 12px;
    padding-bottom: 16px;

    span {
      @include font-16;

    }
  }

  .#{$cdp-modal}__modal--footer {
    width: 100%;

    .#{$cdp-modal}__btn-bar {
      @include wrapper_row;
      justify-content: flex-end;
    }

    &.padding-40 {
      padding: 0 48px;
    }
  }
}