<div class="btn-group">
  <button>ボタン1つだけ</button>
</div>

<div class="btn-group">
  <button>ボタン1つ目</button>
  <button>ボタン2つ目</button>
</div>

<div class="btn-group"></div>
.btn-group {
  margin: 20px 0 0;
  text-align: center;
  button {
    margin: 0 10px;
    width: 100px;
    &:only-child {
      width: 150px;
    }
  }
  
  &:empty:after {
    content: 'この.btn-groupには子要素がありません・・・';
    color: red;
  }
}
View Compiled
Rerun