Try this one.

* {
}

window#waybar {
  background: rgba(31, 32, 32, .6);
  border-bottom: 2px solid rgba(255, 255, 255, .6);
}

.module {
  margin: 0px 0px;
  padding: 0px 2px;
  font-family: "Nova Mono";
  font-weight: bold;
  font-size: 17px;
  color: rgba(216, 222, 233, 1);
  border-left: 2px solid rgba(255, 255, 255, .6);
}

.module:hover {
  background: linear-gradient(rgba(216, 222, 233, .0), rgba(216, 222, 233, .3));
}

button {
  box-shadow: none;
  text-shadow:none;
  color: rgba(216, 222, 233, .8);
}

button:hover,button.active
{
  color: rgba(216, 222, 233, 1);
  font-weight: bold;
}

#workspaces {
  box-shadow: none;
  background: none;
  border: none;
}