.confirmation-modal-overrides {

  .modal-dialog {
    width: 408px;
  }
}

bb-booking-journey-confirmation-modal {

  .confirmation-modal {

    @include column-flex-container;

    padding: {
      top: spacing(40);
      right: spacing(20);
      bottom: spacing(40);
      left: spacing(20);
    }
    text-align: center;

    &__success-icon {
      fill: $studio-cyan-blue;
    }

    &__failure-icon {
      fill: #f09440;
    }

    &__icon-container {
      color: $studio-cyan-blue;
      width: 100%;

      svg {
        width: 82px;
        height: auto;
      }
    }

    &__declaration,
    &__status {
      font: {
        size: 18px;
      }
      line-height: 24px;
      margin: 0;
    }

    &__declaration {
      color: $studio-cyan-blue;

      &-section {
        padding: {
          top: spacing(20);
          bottom: spacing(40);
        }
      }
    }

    &__status {
      color: $studio-raven-pale-gray;
    }

    &__button {
      width: 100%;

      .btn {
        @include journey-button;
        margin-bottom: spacing(5);

        &:last-of-type {
          margin-bottom: 0;
        }
      }
    }
  }
}