В CSS, как я могу скрыть кнопку, следующую за списком, если в списке больше определенного количества элементов?

Question

Если в HTML есть следующее:

<ul class="list">
  <li>item one</li>
  <li>item two</li>
  <li>item three</li>
</ul>
<button class="cmp-button">button</button>

Без использования JavaScript, как я могу убедиться, что кнопка отображается только в том случае, если в списке более 3 элементов. В противном случае кнопка скрыта.

Возможно ли это в чистом виде CSS или меньше?