¿Cómo puedo ocultar la barra de desplazamiento horizontal y mantener la barra de desplazamiento vertical visible, mientras que todavía siendo capaz de desplazarse de forma horizontal?

Hay una gran cantidad de preguntas, pero no he sido capaz de encontrar uno que responde a cómo quitar sólo la barra de desplazamiento horizontal, mientras que todavía siendo capaz de desplazarse horizontalmente:

He utilizado el siguiente código, pero es eliminado tanto en el plano horizontal y vertical de las barras de desplazamiento:

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

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