如何使用悬停效果创建链接按钮？

当我将鼠标光标移动到文本上时,以及当光标进入整个按钮区域时,如何使文本的颜色变为黑色？

.button {
  text-align: center;
  font-size: 1.5em;
  margin: 0 auto;
  width: 15%;
  padding: 8px;
  border: 2px solid;
  border-color: #e7dd84;
  background-color: rgba(236, 229, 167, 0.2);
  transition: 0.35s;
}
.button a, active {
  text-decoration: none;
  color: #e7dd84;
}
.button a:hover {
  text-decoration: none;
  color: black;
}
.button:hover {
  color: black;
  background-color: white;
  border-color: white;
  transition: 0.35s;
}

  Go to site

.button
{
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
	width: 15%;
	padding: 8px;
	border: 2px solid;
	border-color: #e7dd84;
	background-color: rgba(236,229,167,0.2);
	transition: 0.35s;

}
.button a, active
{
	text-decoration: none;
	color: #e7dd84;

}

.button:hover a
{
	text-decoration: none;
	color: black;

}

.button:hover
{
	color: black;
	background-color: white;
	border-color: white;
	transition: 0.35s;
}

		Go to site