.minicontainer {
  background-color: black;
  border: 2px solid lime; /* Lime border */
  border-radius: 15px; /* Rounded corners */
  overflow: hidden; /* Ensures border-radius applies correctly to children */
  font-family: sans-serif; /* A common, readable font */
  color: silver; /* Default text color for the container */
}

.minitop {
  /* No specific styles needed here unless you want to add padding/margin around the image */
  display: flex; /* Helps center the image if it's smaller than the div */
  justify-content: center;
  align-items: center;
  padding: 0px; /* Some padding around the image */
}

.minitop img {
  max-width: 100%; /* Ensures the image is responsive within its container */
  height: auto; /* Maintains aspect ratio */
  display: block; /* Removes extra space below the image */
  border-radius: 10px; /* Slightly rounded corners for the image */
}

.minimiddle {
  padding: 15px; /* Padding around the text */
  text-align: center; /* Center the text */
  line-height: 1.5; /* Improve readability */
}

.minibottom {
  background-color: lime; /* Lime background for the bottom section */
  padding: 15px; /* Padding around the button */
  text-align: center; /* Center the button */
}

.minibottom button {
  background-color: black; /* Black button background */
  color: white; /* White text on the button */
  border: none; /* No default button border */
  padding: 10px 20px; /* Padding inside the button */
  border-radius: 5px; /* Slightly rounded button corners */
  cursor: pointer; /* Indicates it's clickable */
  font-size: 16px; /* Adjust button text size */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.minibottom button:hover {
  background-color: #333; /* Darker black on hover */
}