CSS ONLY DROPDOWN ANIMATION WITH TAILWINDCSS

gistfile1.txt

<ul>
        <li>Test</li>
        <li class="group">
          <button>Proba</button>
          <div
            class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-700 group-hover:grid-rows-[1fr] [&>*]:overflow-hidden">
            <ul class="row-[1_/_span_2] space-y-2 [&>li:first-child]:pt-2 [&>li:last-child]:pb-2">
              <li>Proba submenu</li>
              <li>Proba submenu</li>
              <li>Proba submenu</li>
            </ul>
          </div>
        </li>
        <li>Opa</li>
      </ul>