如何防止一个按钮的样式/颜色影响网站上的其他按钮？

<button class="primary-button">Primary Button</button>
<button class="secondary-button">Secondary Button</button>

<style>
.primary-button {
  background-color: blue;
  color: white;
}

.secondary-button {
  background-color: gray;
  color: black;
}
</style>

<div class="button-container">
  <button>Button 1</button>
  <button>Button 2</button>
</div>

<style>
.button-container button {
  background-color: blue;
  color: white;
}
</style>

<div id="container">
  <button>Button 1</button>
  <button>Button 2</button>
</div>

<style>
#container button {
  background-color: blue;
  color: white;
}
</style>