/* design.css */

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  padding: 10px;
}

footer .content {
  display: inline-block;
  background-color: #f2f2f2; /* Màu nền trắng */
  padding: 0px; /* Padding cho phần chứa nội dung */
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

footer:hover .content {
  max-height: 100px; /* Điều chỉnh chiều cao tối đa cho phù hợp */
  transition: max-height 0.3s ease;
}

footer p {
  margin: 0;
  display: none;
}

footer:hover p {
  display: block;
}

/* design.css */

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  padding: 10px;
}

footer .content {
  display: inline-block;
  background-color: #f2f2f2; /* Màu nền trắng */
  padding: 0px; /* Padding cho phần chứa nội dung */
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

footer.active .content {
  max-height: 100px; /* Điều chỉnh chiều cao tối đa cho phù hợp */
  transition: max-height 0.3s ease;
}

footer p {
  margin: 0;
  display: none;
}

footer.active p {
  display: block;
}