@import "../data/hid-colors";

.hid-button{
  font-family: 'Roboto' !important;
  letter-spacing: 0.2px !important;
  padding: 0.625rem 1rem !important;
  line-height: normal !important;
  border-radius: 4px !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;  text-align: center;
  margin-left: 0.625rem !important; // 10px
}

.hid-button--primary{
  background-color: $ui-02 !important;
  color: $icon-03 !important;

}

.hid-button--secondary{
  color: $ui-01 !important;
}

.hid-button--secondary:hover{
  background-color: $color-spindle !important;
}


.hid-button--warning{

}

.hid-button--override{

}

.hid-button--table{

}

.hid-button--tab{

}

.hid-button--small{

}

.hid-button--floating-action{

}

.hid-button__icon{

}