CSS 样式：为多个按钮 (btn1 和 btn2) 添加蓝色背景、漂亮字体和鼠标交互效果

你可以使用以下 CSS 样式为 btn1 和 btn2 按钮添加样式：

.btn1,
.btn2 {
  background-color: #007bff;
  color: #fff;
  font-family: Arial, sans-serif;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.btn1:hover,
.btn2:hover {
  background-color: #0056b3;
}

.btn1:active,
.btn2:active {
  background-color: #003d80;
}

然后，在 HTML 中给 btn1 和 btn2 按钮添加相应的 class 属性：

<button class='btn1'>按钮 1</button>
<button class='btn2'>按钮 2</button>

这样，btn1 和 btn2 按钮就会应用上述样式，包括背景颜色偏蓝色、漂亮的字体、鼠标指向时的变化和点击时的变化。