/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}
.button-link {
  display: inline-block; /* Allows padding and margin to be applied */
  background-color: #007bff; /* Button color */
  color: white; /* Text color */
  padding: 10px 20px; /* Spacing inside the button */
  text-decoration: none; /* Removes the default underline from links */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Changes the cursor to a hand icon on hover */
  border: none; /* Removes default button border if applied to <button> */
  text-align: center;
}

.button-link:hover {
  background-color: #0056b3; /* Darker color on hover */
}