Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка

const blockLabel = document.querySelector(".block__label");
const blockItem = document.querySelector(".block__item");
if (blockLabel) {
  blockLabel.addEventListener("click", function(e) {
    blockItem.classList.toggle("active");
    e.preventDefault();
  });
}

.block {
  font-size: 28px;
}

.block__container {}

.block__inner {}

.block__wrap {
  background: #104086;
  padding: 50px 100px;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 100px;
  overflow-x: auto;
}

.block__item {
  position: relative;
}

.block__label {
  cursor: pointer;
  background: #fc7b1d;
  padding: toRem(20);
}

.block__text {
  width: 300px;
  font-size: toRem(18);
  position: absolute;
  z-index: 100;
  left: 0;
  top: 100%;
  padding: 20px;
  background: #c0191e;
  display: none;
}

.active .block__text {
  display: block;
}

<div class="block">
  <div class="block__container">
    <div class="block__inner">
      <div class="block__wrap">
        <div class="block__item">
          <div class="block__label">Кнопка</div>
          <div class="block__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus eius fugit repellat odio recusandae molestias, cum ex modi doloribus, incidunt voluptate ratione! Explicabo suscipit reprehenderit porro ut maxime ipsum temporibus
          </div>
        </div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
        <div class="block__elem">текст</div>
      </div>
    </div>
  </div>
</div>