.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 28px;
  color: #5b9118;
  font-size: 14px;
  line-height: 17px;
  border: 1px solid #5b9118;
  background-color: #fff;
  border-radius: 2px;
  transition: color .3s linear,background-color .3s linear
}
.button:active,
.button:hover {
  color: #fff;
  background-color: #5b9118
}
.button_green {
  background-color: #5b9118;
  border-color: transparent;
  color: #fff
}
.button_green:hover:not(:active) {
  color: #fff;
  background-color: #4f7e14
}
.button_red {
  background-color: #e31e24;
  border-color: transparent;
  color: #fff
}
.button_red:hover:not(:active) {
  color: #fff;
  opacity: .7
}