<!DOCTYPE html>
<html>
<head>
<title>new</title>
<style>
the orginal color of the button will be brown
button {
background-color: brown;
font-size: 24px;
height: 50px;
width: 200px;
}
but when hovering it it changes to blueviolet
button:hover {
background-color: blueviolet;
}
</style>
</head>
<body>
<button>click me</button>
</body>
</html>