Bulma Faq Components in Bendis library

<section class="section py-24 has-background-light">
  <div class="container">
    <div class="has-mw-2xl mx-auto has-text-centered">
      <span class="is-block has-text-info has-text-weight-semibold is-uppercase has-letter-space mb-4">NEW FEATURE</span>
      <h1 class="title is-size-3 has-leading-3 has-text-primary">Take quick action that increases your brand&apos;s regular profit.</h1>
      <p class="subtitle is-size-5 mt-6 mb-8">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p>
      <div class="is-flex is-flex-wrap-wrap is-justify-content-center mb-16"><a class="button is-primary m-0" href="#">Activate demo</a><a class="button is-info is-light has-text-weight-semibold m-0" href="#">Normal Tab</a><a class="button is-info is-light has-text-weight-semibold m-0" href="#">Normal Tab</a><a class="button is-info is-light has-text-weight-semibold m-0" href="#">Normal Tab</a></div>
    </div>
    <div class="has-mw-4xl mx-auto">
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-white">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-6 has-text-primary-dark">Fusce eget nunc et libero accumsan rutrum quis nec lectus?</span>
          <span>
            <svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16 3.25L13.5 0.75L7.99997 6.25L2.49997 0.749999L-3.01679e-05 3.25L7.99997 11.25L16 3.25Z" fill="#3C74F9"></path>
            </svg>
          </span>
        </button>
      </div>
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-info-light">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-5 has-text-info">Quick problem-solving contact</span>
          <span>
            <svg width="17" height="12" viewbox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M0.00244131 8.75L2.50244 11.25L8.00244 5.75L13.5024 11.25L16.0024 8.75L8.00244 0.75L0.00244131 8.75Z" fill="#1633AB"></path>
            </svg>
          </span>
        </button>
        <div class="has-mw-2xl">
          <p class="has-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod orci sed tristique placerat. Fusce in ligula urna. Fusce eget nunc et libero accumsan rutrum quis nec lectus. Quisque luctus sem nibh, quis ornare neque consectetur varius. Maecenas rhoncus consectetur rutrum.</p>
        </div>
      </div>
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-white">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-6 has-text-primary-dark">Donec sed leo sit amet ante ornare laoreet in quis est?</span>
          <span>
            <svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16 3.25L13.5 0.75L7.99997 6.25L2.49997 0.749999L-3.01679e-05 3.25L7.99997 11.25L16 3.25Z" fill="#3C74F9"></path>
            </svg>
          </span>
        </button>
      </div>
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-white">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-6 has-text-primary-dark">Mauris vitae ex ut lectus cursus ornare?</span>
          <span>
            <svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16 3.25L13.5 0.75L7.99997 6.25L2.49997 0.749999L-3.01679e-05 3.25L7.99997 11.25L16 3.25Z" fill="#3C74F9"></path>
            </svg>
          </span>
        </button>
      </div>
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-white">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-6 has-text-primary-dark">Fusce eget nunc et libero accumsan rutrum quis nec lectus?</span>
          <span>
            <svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16 3.25L13.5 0.75L7.99997 6.25L2.49997 0.749999L-3.01679e-05 3.25L7.99997 11.25L16 3.25Z" fill="#3C74F9"></path>
            </svg>
          </span>
        </button>
      </div>
      <div class="py-4 px-6 pl-10-tablet pr-14-tablet has-background-white">
        <button class="button is-light p-0 is-fullwidth is-align-items-center is-justify-content-space-between has-background-transparent has-text-left button-wrap-text">
          <span class="is-size-6 has-text-primary-dark">Fusce eget nunc et libero accumsan rutrum quis nec lectus?</span>
          <span>
            <svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16 3.25L13.5 0.75L7.99997 6.25L2.49997 0.749999L-3.01679e-05 3.25L7.99997 11.25L16 3.25Z" fill="#3C74F9"></path>
            </svg>
          </span>
        </button>
      </div>
    </div>
  </div>
</section>