motr

задайте этому подменю какой-нибудь класс. и при media (max-width: 800px) дайте классу position: relative; left: 0;

https://github.com/search?q=bem+boilerplate+template
https://github.com/sudden-man/cbs_workshop
https://github.com/qpzhere/start-template

элементам

transform: translateY(0);
opacity: 0
transition: transform .3s ease-in-out, opacity .3s ease-in-out

элементам при ховере

transform: translateY(10px);
opacity: 1

попробуй просто закрасить его цветом фона:

textarea::-webkit-scrollbar-corner {
  background-color: #212429
}

пропишите css:

.кнопка {
  display: none;
}
.таблица:hover .кнопка {
  display: block;
}

естественно свои классы подставьте

.btn {
  display: none;
}
.table:hover .btn {
  display: block;
}

https://codepen.io/samerpik/pen/daIDC?q=Flipping+c...
https://codepen.io/andymcfee/pen/eyahr?q=Flipping+...