@import "../variables";
@import "~cosmoUiVariables";

.buttonBar {
  width: 100%;
  height: 60px;
  background-color: $brand-primary;

  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  button {
    min-width: 80px;
    height: 32px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;

    border: 0px;
    border-radius: 2px;
    background-color: $white;
    color: $brand-primary;
    font-weight: bold;

    &:hover{
      background-color: $secondary_background;
      color: $brand-primary;
    }
    &:active {
      background-color: $secondary_background_hover;
      color: $brand-primary;
    }
    &:disabled,
    &[disabled]{
      background-color: $secondary_background;
      color: $gray;
    }
  }
}