.new-booking .new-booking-step-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem 1rem;
  margin-top: 1.5rem;
  padding: .75rem 1rem;
  border-radius: 0 0 14px 14px;
  background: #2c333e;
  color: #fff;
}

.new-booking .new-booking-step-footer__hint {
  flex: 1 1 12rem;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.4;
}

.new-booking .new-booking-step-footer > .new-booking-primary-action,
.new-booking .new-booking-step-footer > form.new-booking-step-actions {
  order: 2;
  width: auto;
  max-width: 100%;
  margin: 0 0 0 auto;
}

.new-booking .new-booking-step-footer .new-booking-primary-action {
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 10px;
    background: #48a62c;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.new-booking .new-booking-step-footer > .new-booking-secondary-link,
.new-booking .new-booking-step-footer > .new-booking-secondary-action {
  order: 1;
  width: auto;
  max-width: 100%;
  margin: 0;
  border-color: rgba(255, 255, 255, .65);
  background: transparent;
  color: #fff;
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.new-booking .new-booking-step-footer > .new-booking-field-error {
  order: 3;
  flex-basis: 100%;
}

.new-booking .new-booking-step-footer .new-booking-field-error:not([hidden]) {
  margin: 0;
  padding: .75rem;
  border-radius: 8px;
  background: #fff;
  color: #ba1a1a;
}

.new-booking .new-booking-availability > .new-booking-step-footer {
  margin: 0;
  border-radius: 0 0 16px 16px;
}

.new-booking .new-booking-vehicle > .new-booking-step-footer {
  margin: 0 -1rem -1rem;
  border-radius: 0 0 16px 16px;
}

@media (min-width: 576px) {
  .new-booking .new-booking-step-footer {
    padding: .75rem 20px;
  }

  .new-booking .new-booking-vehicle > .new-booking-step-footer {
    margin: 0 -20px -20px;
  }
}

@media (min-width: 768px) {
  .new-booking-flow__content > form > .new-booking-step-footer {
    margin: 1.5rem -1.6rem -1.6rem;
    padding: .75rem 1.6rem;
  }
}