.lnsToolbarButton {
  line-height: $euiButtonHeight; // Keeps alignment of text and chart icon
  background-color: $euiColorEmptyShade;

  // Some toolbar buttons are just icons, but EuiButton comes with margin and min-width that need to be removed
  min-width: 0;

  &[class*='--text'] {
    // Lighten the border color for all states
    border-color: $euiBorderColor !important; // sass-lint:disable-line no-important
  }

  &[class*='isDisabled'] {
    // There is a popover `pointer-events: none` that messes with the not-allowed cursor
    pointer-events: initial;
  }

  .lnsToolbarButton__text > svg {
    margin-top: -1px; // Just some weird alignment issue when icon is the child not the `iconType`
  }

  .lnsToolbarButton__text:empty {
    margin: 0;
  }

  // Toolbar buttons don't look good with centered text when fullWidth
  &[class*='fullWidth'] {
    text-align: left;

    .lnsToolbarButton__content {
      justify-content: space-between;
    }
  }

}

.lnsToolbarButton--groupLeft {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.lnsToolbarButton--groupCenter {
  border-radius: 0;
  border-left: none;
}

.lnsToolbarButton--groupRight {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.lnsToolbarButton--bold {
  font-weight: $euiFontWeightBold;
}

.lnsToolbarButton--s {
  box-shadow: none !important; // sass-lint:disable-line no-important
  font-size: $euiFontSizeS;
}