Accordion

<div class="canta-accordion">
  <div class="canta-accordion__item canta-accordion__item--open">
    <button class="canta-accordion__header">
      <span>O que e o CANTA Design System?</span>
      <span class="canta-accordion__icon material-symbols-rounded">expand_more</span>
    </button>
    <div class="canta-accordion__body">
      <p>O CANTA Design System e a biblioteca de componentes...</p>
    </div>
  </div>
  <div class="canta-accordion__item">
    <button class="canta-accordion__header">
      <span>Como instalar?</span>
      <span class="canta-accordion__icon material-symbols-rounded">expand_more</span>
    </button>
    <div class="canta-accordion__body">
      <p>Importe o arquivo canta-ds.css...</p>
    </div>
  </div>
</div>

<div class="canta-accordion__item">
  <button class="canta-accordion__header">
    <span style="display: flex; align-items: center; gap: 8px;">
      <span class="material-symbols-rounded">person</span>
      Dados Pessoais
    </span>
    <span class="canta-accordion__icon material-symbols-rounded">expand_more</span>
  </button>
  <div class="canta-accordion__body">
    <p>Nome, e-mail, telefone e endereco.</p>
  </div>
</div>