按钮“发送”不会改变 CSS 中的颜色

Question

当鼠标光标经过或停留在按钮上（不单击）时，我无法更改“发送”按钮的颜色。

.send {
  background-color: white;
  color: black;
  padding: 10px;
  border: 2px solid black;
  border-radius: 5px;
  fontsize: 16px;
  font-family: Arial, sans-serif;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.send:hover {
  background-color: black;
  color: white;
  fontsize: 18px;
  font-family: "Helvetica Neue", sans-serif;
}

.buttons {
  text-align: center;
  padding: 30px 0;
}

如代码所示，我尝试引入许多其他标签和按钮它仍然是一样的，字体和颜色没有改变。我也试过放 !important，但它没有改变。这里的其他类似问题没有解决我的问题