.change-datetime-btn {
  background-color: #28a745;         /* Green background */
  color: white;                      /* White text */
  border: none;                      /* No border */
  padding: 5px 10px;                /* Padding around text */
  font-size: 15px;                   /* Text size */
  font-weight: 500;                  /* Medium bold text */
  border-radius: 6px;                /* Rounded corners */
  cursor: pointer;                   /* Pointer on hover */
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 3px 8px rgba(40, 167, 69, 0.2); /* Subtle shadow */
}

.change-datetime-btn:hover {
  background-color: #218838;         /* Darker green on hover */
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.change-datetime-btn:active {
  background-color: #1e7e34;         /* Even darker green on click */
  transform: scale(0.96);            /* Slight press effect */
}
	      .search-btn {
  background-color: #007bff;        /* Blue background */
  color: white;                     /* White text */
  border: none;                     /* Remove border */
  padding: 5px 10px;               /* Spacing */
  font-size: 15px;                  /* Font size */
  font-weight: 500;                 /* Medium weight text */
  border-radius: 6px;               /* Rounded corners */
  cursor: pointer;                  /* Pointer cursor */
  transition: background-color 0.3s ease, box-shadow 0.2s ease;
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.2); /* Subtle shadow */
}

.search-btn:hover {
  background-color: #0069d9;        /* Slightly darker blue */
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.search-btn:active {
  background-color: #005cbf;        /* Darker on click */
  transform: scale(0.97);           /* Press effect */
}
.book-now-btn {
  background-color: #28a745;        /* Green background */
  color: white;                     /* White text */
  border: none;                     /* Remove border */
  padding: 8px 15px;               /* Spacing */
  font-size: 16px;                  /* Font size */
  font-weight: bold;                /* Bold text */
  border-radius: 8px;               /* Rounded corners */
  cursor: pointer;                  /* Pointer on hover */
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.book-now-btn:hover {
  background-color: #218838;        /* Darker green on hover */
  transform: scale(1.03);           /* Slight zoom */
}

.book-now-btn:active {
  background-color: #1e7e34;        /* Even darker on click */
  transform: scale(0.98);           /* Slight press */
}