.rounded-button {
  /*background-color: #04AA6D; /* Green background */
  color: white; /* White text */
  padding: 0; /* Some padding */
  text-align: center;
  text-decoration: none; /* Remove default underline from anchor tag */
  cursor: pointer; /* Makes it clear the element is clickable */
  border-radius: 8px; /* Adds rounded corners */
  background: none;
}

.image-button img {
	/* set the desired szie for the image*/
	width: 150px;
	height: auto;
	display: block;
}

body {
	background-color: #16161d;
}

.grid-container {
  display: grid;
  /* Creates 3 columns of equal width (1fr) and auto-sized rows */
  grid-template-columns: repeat(3, 1fr);
  /* Optional: Defines a fixed height for all auto-created rows */
  grid-auto-rows: 342px; 
  gap: 0px; /* Adds space between the buttons */
}

.grid-container button {
  /* Forces buttons to fill their assigned grid cell entirely */
  width: 100%; 
  height: 100%;
  /* Optional: Ensures content wraps to stay within the button's bounds */
  box-sizing: border-box; 
}