@layer blocks {
  .input-group {
    position: relative;
  }

  .input-group > :where(input, textarea) {
    padding-inline-end: var(--space-cell);
  }

  /* The icon button fills the slot the input's end padding keeps free, so
     its tap target is a full cell without covering the text. */
  .input-group > .button {
    --button-display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: var(--space-cell);
    align-items: center;
    justify-content: center;
  }
}