/* Horizontally clusters elements of various widths in a flex box that wraps.
* Useful for groups of buttons, lists of items, etc.
*
* Customisation Options:
*
* Gap Spacing: Set "--space" (see spacing.css)
* Justification and alignment: Use util classes (see spacing.css)
*
*/

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, 1rem);
  justify-content: flex-start;
}