.m-recipe-card .extra {
  /* Override .m-meta variables */
  --m-meta-gap-x: 0.75rem;
  --m-meta-gap-y: 0.75rem;

  /* Override x-pill variables */
  --x-pill-container-spacing-y-start: 0;
  --x-pill-container-spacing-y-end: 0;
  --x-pill-container-spacing-x-start: 0;
  --x-pill-container-spacing-x-end: 0;
  --x-pill-container-size-y: var(--m-dp-3);
  --x-pill-container-background-enabled: transparent;
  --x-pill-container-background-hovered: transparent;
  --x-pill-container-border-color-enabled: transparent;
  --x-pill-container-border-color-hovered: transparent;
  --x-pill-label-font-size: 0.8125rem;
  --x-pill-label-color-enabled: var(--m-color-on-body);
  --x-pill-label-color-hovered: var(--m-color-on-body);
  --x-pill-icon-color-enabled: var(--m-color-small-icon-enabled);
  --x-pill-icon-color-hovered: var(--m-color-small-icon-hovered);
  --x-pill-icon-color-disabled: var(--m-color-small-icon-disabled);

  /* Override m-fivestar-rating-result-mini variables */
  /* @todo create specific variables for recipe card, including contexts (page): recipes, collection, term, product, gtin, etc. */
  --m-fivestar-rating-star-size: 1.375rem;
  --m-fivestar-rating-star-color-scale: #ccc;
  --m-fivestar-rating-star-color-votes: var(--m-color-primary);
  --m-fivestar-rating-star-icon-scale: var(--m-fivestar-rating-star-icon-votes);

  display: flex;
  flex-wrap: wrap;
  gap: var(--m-meta-gap-y) var(--m-meta-gap-x);
}