.no-atendio-button {
  /* Set the background image */
  background-image: url('../imagenes/atendio.jpg'); 
 
  /* Customize background image properties */
   background-size: cover;  /* Adjusts the image size to cover the entire button area */
  /* background-position: center;  Centers the image within the button */
  background-repeat: no-repeat; /* Prevents the image from repeating */

  /* Set button dimensions */
  width: 50px; 
  height: 25px; 

  /* Remove default button styles for a cleaner look */
  border: none;
  background-color: transparent; /* Or a color that complements your image */
  cursor: pointer; /* Indicates it's clickable */

  /* Optional: Add hover effects */
  transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}

.image-button:hover {
  opacity: 0.8; /* Reduce opacity on hover */
}