Beginner - Feedback for my BEM naming convention

[florincaroli]

Hello,

Can someone offer me a feedback for my BEM naming convention, please?

<div class="header-left">
  <nav class="header-left__hamburger">
    <button class="header-left__button">
      <span class="material-symbols-outlined header-left__icon">menu</span>
    </button>
  </nav>
  <img src="Images/Logo/youtube-logo.png" alt="youtube-logo" class="header-left__logo" title="YouTube Premium Home">
</div>

<div class="header-center">
  <form class="header-center__form-search">
    <input type="text" class="header-center__input--text" placeholder="Search">
    <button class="header-center__button header-center__button--search">
      <span class="material-symbols-outlined header-center__icon header-center__icon--search">search</span>
    </button>
  </form>
  <button class="header-center__button header-center__button--microphone">
    <span class="material-symbols-outlined header-center__icon header-center__icon--microphone">mic</span>
  </button>
</div>

Thanks.