#tasklist-button {
  padding: 4px 8px;
  border-style: solid;
  border-width:1px 1px 1px 0; /* no border on the left */
  border-radius: 3px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #2e3436;
  outline-color: rgba(46, 52, 54, 0.3);
  border-color: #b6b6b3;
  border-bottom-color: #91918c;
  background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
}

#tasklist-button:hover {
  color: #2e3436;
  outline-color: rgba(46, 52, 54, 0.3);
  border-color: #b6b6b3;
  border-bottom-color: #91918c;
  background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
  box-shadow: inset 0 1px white;
  -gtk-icon-effect: highlight;
}

#tasklist-button:active,
#tasklist-button:checked {
  color: #2e3436;
  outline-color: rgba(46, 52, 54, 0.3);
  border-color: #b6b6b3;
  background-image: none;
  background-color: #ccccca; /* was #d9d9d7 in Adwaita */
  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  text-shadow: none;
  -gtk-icon-shadow: none;
  transition-duration: 50ms;
}

#tasklist-button:first-child {
  border-width: 1px; /* the first child has a border also on the left */
}

#tasklist-button label {
  color: #8b8e8f;
}

#tasklist-button:active label,
#tasklist-button:checked label {
  color: #2e3436;
}
