@layer compositions {
  .icon {
    height: 0.75em;
    height: 1cap;
    width: 0.75em;
    width: 1cap;
  }

  .with-icon {
    display: inline-flex;
    align-items: baseline;
  }

  .with-icon .icon {
    margin-inline-end: var(--icon-space, 0.5em);
  }
}