Как лучше писать данный код?

Question

[wakenbyWork]

Первый вариант:

&__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  @media (max-width: 940px) {
    display: block;
  }

  @media (max-width: 767px) {
    .new-button {
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }
}

Второй вариант:

&__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  .new-button {
    @media (max-width: 767px) {
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }

  @media (max-width: 940px) {
    display: block;
  }
}

Comments

[Сергей delphinpro]

Оба неверны.
Описывайте .new-button отдельно

[wakenbyWork]

Сергей delphinpro, так он описан отдельной, это BEM блок, просто не хочется лепить на него модификатор

[wakenbyWork]

Сергей delphinpro, И так можно по методологии делать же