/* Center Buttons on Download Page */
.buttons {
  display: flex;
  gap: 2vh; /* Space between buttons */
  justify-content: center; /* Center buttons horizontally */
  align-items: center; /* Align buttons vertically */
}

.button {
  font-size: 3vh; /* Button font size */
  width: 20vh; /* Fixed width for all buttons */
  height: 10vh; /* Fixed height for all buttons */
  display: flex; /* Flexbox for centering text */
  justify-content: center; /* Center text horizontally */
  align-items: center; /* Center text vertically */
  border: 2px solid   #333; /* Dark gray for readability */; /* Button border */
  text-decoration: none; /* Remove underline */
  color: #333; /* Dark gray for readability */
  font-weight: bold; /* Bold font */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
  box-sizing: border-box; /* Ensures padding and border are included in dimensions */
}

.button:hover {
  background-color: #007BFF; /* Blue background on hover */
  color: #fff; /* White text on hover */
}