@use "../base/mixins";
@use "../base/variables";

.edit-bookings {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #e5e5e5;

  .navigation-btn {
    margin-top: 20%;
    @include mixins.desktop() {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 4%;
    }
    .m1-left {
      @include mixins.desktop() {
        margin-left: -10%;
      }
    }

    .m-left {
      @include mixins.desktop() {
        margin-left: 10%;
      }
    }

    .back-container {
      @include mixins.desktop() {
        flex-basis: 100%;
      }
      button {
        @include mixins.desktop() {
          width: 300px;
        }
      }
    }
  }

  .btn {
    background-color: white;
    border: 1px solid black;
    width: 220px;
    height: 50px;
    border-radius: 10px;
    margin: 2%;
  }
}
