Accordion within Card footer is vertically not aligned.

[MiroslavPetrik]

Describe the issue

The accordion component (details + summary elements) when used within the card component (article + footer elements) has bad styles.

Current Behavior

1. The details has margin-botton which should be turned of for the last-of-type or last-child.
2. Moreover when the margin is removed, the the summary is then too thin compared to regular text within the footer, so it's lineHeight needs to be larger. (my trivial fix). Also the arrow of the accordion item needs to be aligned with the text...

Expected Behavior

The accordion should look good by default, when used in the cards footer.

My use case is to toggle code samples:
https://form-atoms.github.io/list-atom/?path=/docs/components-list--docs#list-of-objects
The use case already has the custom fixes... but that is unsystematic.

Reproduction URL

https://codesandbox.io/p/sandbox/picocss-spinner-in-code-3y979t

Environment

Example: W11, latest chrome, latest firefox