.md-button-pill-wrapper {
  &[data-disabled-outline='true'] {
    border-color: var(--mds-color-theme-outline-button-normal);
  }

  &[data-grown='true'] {
    width: 100%;
    justify-content: center;
  }

  [data-compressed='true'][data-spaced='true'] {
    > .md-button-pill-wrapper {
      padding: 0 1rem;
    }
  }

  > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}