改变兄弟孩子对兄弟姐妹的展示

Question

您好我有以下HTML

<div>
    <div class='brother1'>
      HELLO
       <div class='item'>One</div>
       <div class='item'>Two</div>
       <div class='item'>Three</div>
       <div class='item'>Seven</div>
    </div>

    <div class='brother2 button'>
        BUTTON
    </div>
</div>

如果项目数量（一，二，三......）大于3，我想将按钮设置为不可见。
但如果金额小于3，我希望按钮可见。

这是否可以仅使用 css？

如果不可能，您如何更改html结构以实现相同的行为？

感谢。