form button {
      width: 100%;
  }

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Número de linhas que você quer mostrar inicialmente */
    -webkit-box-orient: vertical;
}


.menu-open {
  transform: translateX(30%);
  transition: transform 0.5s ease;
}



/* Adiciona uma transição quando a classe é removida */
:not(.menu-open) {
  transition: transform 0.5s ease;
}

body {
  overflow-x: auto;
}