/* Icons from includes/blocks-extend.php: core Buttons with a kcg-ic-<icon> / kcg-ic-end-<icon> class, and tab buttons
   of a core Tabs block whose Tab panel has a kcg-ic-<icon> class.
   Icon size = the other button icons of the site (quote button, design C .btn .i); the editor preview uses it too.
   Declared on :root, not on the block: a tab button is not inside its panel, and any ancestor can still set its own size. */
:root { --kcg-btn-ic: 18px; } /* ds-ok: icon size */
[class*="kcg-ic-"] > .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: var(--wp--preset--spacing--20); }
.kcg-btn-ic { display: inline-flex; flex: none; }
.kcg-btn-ic svg { width: var(--kcg-btn-ic); height: var(--kcg-btn-ic); fill: currentColor; }

/* menu link icons (category icon or kcg-ic-<icon> on a navigation link) */
.wp-block-navigation-item__content:has(> .kcg-nav-ic) { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--20); }
.kcg-nav-ic { display: inline-flex; flex: none; }
.kcg-nav-ic svg { width: var(--kcg-btn-ic); height: var(--kcg-btn-ic); fill: currentColor; }