@media screen and (max-width: 700px) {
  .bmh-creneau-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .bmh-creneau-date, .bmh-creneau-btn {
    min-width: 100px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .bmh-form-nav {
    justify-content: center!important;
  }
}