Можете ли вы использовать css ссылку селектора на класс внешнего модуля css?

Question

Я пытаюсь создать наложение меню только для CSS и разделил мои компоненты React с модулями CSS. В интернете я нашел отличный пример, который я пытаюсь реализовать, и столкнулся с проблемами его применения в контексте модулей CSS, в частности, когда в примере выбран другой класс CSS (который для меня находится в другом модуле).

HTML

<button>☰</button>
<nav class="menu">
  <ul>
    <li>
      <button onclick="alert('Hello there!')">
        Display Greeting
      </button>
    </li>
    <li>
      <button onclick="print()">
        Print This Page
      </button>
    </li>
  </ul>
</nav>

CSS

.menu {
    visibility: hidden;
}

button + .menu:active,
button:focus + .menu {
    visibility: visible;
}

В этом примере у меня есть .menu в module_1 и кнопка в module_2.

Спасибо за вашу помощь.