
#chat_box.new {
  grid:
    ' back       new        close     ' auto
    ' panel_new  panel_new  panel_new ' 1fr
    / auto       1fr        auto      ;
}
#chat_box.new .chat_item#chat_back,
#chat_box.new .chat_item#chat_new,
#chat_box.new .chat_item#chat_close,
#chat_box.new .chat_item#chat_panel_new {
	display: flex;
}


/* back btn
*/
#chat_box.new .chat_item.chat_back button.back_home {
	display: flex;
}


/* button "new" appearance
*/
/* add or remove '.chat_item' to toggle the hover effect */
#chat_box.new button.chat_item.chat_new {
	width: auto;
	background-color: transparent;
	pointer-events: none;
}


/* button "create" appearance
*/
#chat_box.new .chat_item button.chat_create_btn {
	margin: 10px 0px;
}



