Como faço para ocultar a barra de rolagem horizontal e manter a barra de rolagem vertical visível, enquanto continuam sendo capazes de deslocar-se horizontalmente?

Há um monte de perguntas, mas eu não tenho sido capaz de encontrar uma que respostas como remover apenas a barra de rolagem horizontal, enquanto continuam sendo capazes de deslocar-se horizontalmente:

Eu usei o seguinte código, mas é removido horizontais e barras de rolagem vertical:

.section {
  overflow-y: auto;
  scrollbar-width: none; /*For firefox*/
}

::-webkit-scrollbar {
  display: none; /*For remainder of the browsers*/
}