// Lightning Design System 2.24.3
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

@include deprecate('4.0.0', 'Use docked-composer--overflow__button instead') {

  .slds-docked-composer_overflow__pill,
  .slds-docked-composer--overflow__pill {
    display: flex;
    padding: 0 $spacing-small;
    height: inherit;
    white-space: nowrap;
    border-bottom-left-radius: $border-radius-medium;
    border-bottom-right-radius: $border-radius-medium;

    &:hover,
    &:focus {
      color: var(--slds-g-color-neutral-base-100, #{$color-text-inverse});
      text-decoration: none;
    }

    .slds-text-body_small,
    .slds-text-body--small {
      color: var(--slds-g-color-neutral-base-100, #{$color-text-inverse});
      margin-left: $spacing-x-small;
    }
  }
}