/*
 * Shared icon-only button sizing tokens.
 *
 * Sections:
 * 1) base icon button size, 2) close-icon scale adjustment.
 */

/* Shared footprint for compact icon actions. */
/* Shared compact icon button sizing for drawers and dismiss actions. */
.ui-icon-button {
  flex: 0 0 auto;
  min-width: var(--size-icon-button);
  width: var(--size-icon-button);
  height: var(--size-icon-button);
  padding: 0;
}

/* Close icon requires a larger glyph to stay visually balanced. */
.ui-icon-button--close {
  font-size: var(--font-size-icon-close);
  line-height: 1;
}