.kbnToolbarButton {
  line-height: $euiButtonHeight; // Keeps alignment of text and chart icon

  // Override background color for non-disabled buttons
  &:not(:disabled) {
    background-color: $euiColorEmptyShade;
  }

  // todo: once issue https://github.com/elastic/eui/issues/4730 is merged, this code might be safe to remove
  // Some toolbar buttons are just icons, but EuiButton comes with margin and min-width that need to be removed
  min-width: 0;
  border-width: $euiBorderWidthThin;
  border-style: solid;
  border-color: $euiBorderColor; // Lighten the border color for all states

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

  .kbnToolbarButton__text:empty {
    margin: 0;
  }

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

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

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

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

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

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

.kbnToolbarButton--normal {
  font-weight: $euiFontWeightRegular;
}

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