.toolbarButton {
  composes: link from '~Components/Link/Link.css';

  padding-top: 4px;
  width: $toolbarButtonWidth;
  text-align: center;

  &:hover {
    color: var(--toobarButtonHoverColor);
  }

  &.isDisabled {
    color: var(--disabledColor);
  }
}

.isDisabled {
  color: var(--disabledColor);
}

.labelContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 24px;
}

.label {
  padding: 0 3px;
  max-width: 100%;
  max-height: 100%;
  color: var(--toolbarLabelColor);
  font-size: $extraSmallFontSize;
  line-height: calc($extraSmallFontSize + 1px);
}