:import {
  -st-from: "../../common/Focusable/Focusable.st.css";
  -st-default: Focusable;
}

.root {
  -st-states: disabled;
  -st-extends: Focusable;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.content {}

.prefix {
  flex-shrink: 0;
}

.suffix {
  flex-shrink: 0;
}

.root:disabled {
  cursor: default;
}

/*
  NOTE: This fixes issues when disabled button is used with a Tooltip. The root issue
  is that browsers do not fire a mouseleave event for a disabled button. More details:
  https://github.com/facebook/react/issues/4251
*/
.root[disabled] {
  pointer-events: none;
}

/* st-namespace-reference="../../../../src/Button/ButtonCore/ButtonCore.st.css" */