button {
  background-color: #007bff; /* Blue background */
  color: white; /* White text */
  padding: 5px 10px; /* Add some padding */
  border: none; /* Remove default border */
  border-radius: 5px; /* Rounded corners */
  font-size: 16px; /* Slightly larger font size */
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s, transform 0.2s; /* Smooth hover effect */
}

button:hover {
  background-color: #0056b3; /* Darker blue on hover */
  transform: scale(1.05); /* Slight zoom effect */
}

button:active {
  background-color: #003f7f; /* Even darker blue when clicked */
  transform: scale(0.98); /* Slightly shrink on click */
}

button:disabled {
  background-color: #ccc; /* Grey background for disabled state */
  cursor: not-allowed; /* Change cursor for disabled button */
}