/* Button block. Loaded only where the block is used; the box-sizing reset is in assets/frontend.css. */
.wb-button .wb-button__link { display: inline-flex; align-items: center; transition: all .25s ease; }
/* Icon (picker): Icon Position "After" = wb-button--icon-row-reverse; Icon Spacing sets the gap. */
.wb-button--icon-row-reverse .wb-button__link { flex-direction: row-reverse; }
.wb-button .wb-button__icon { display: inline-flex; flex-shrink: 0; line-height: 1; transition: color .25s ease; }
.wb-button .wb-button__icon svg { display: block; width: 1em; height: 1em; }
/* No browser link underline (zero specificity: the Typography control still wins). */
:where(.wb-button .wb-button__link) { gap: 8px; text-decoration: none; }