nuffyweb

Для button, select, input, textarea браузер устанавливает свой font-family (если открыть консоль разработчика, можно увидеть странный стили для тегов выше для которых указан не Ваш файл со стилями, а user agent stylesheet ),
избежать этого можно задав для тегов выше: font-family: inherit;

К сожалению, Вы не приложили код css, без него можно только гадать.
Вот пример, где всё работает:
https://jsfiddle.net/mad_ada/tyh1dck3/

вот так (тут на flex)
или вот готовый

через "::before"
вот так

Можно блоку с прозрачностью(.data__item ) задать position: absolute;, выровнять посередине и задать высоту height: calc(100% + 100px); , где +100px - выступы сверху и снизу
родителю position: relative;
пример

вот так

transform-style: preserve-3d; и perspective: 600px;

Можно и без :not :

tbody tr:hover {
  cursor: pointer;
  background-color: lightgray;
}