.bluebutton {
  color: red;
  padding: 5px;
  background-color: #ffa500;
  border: 1px solid #000;
  display: inline;
}
.button {
  padding: 5px;
  background-color: #ffa500;
  border: 1px solid #000;
  display: inline;
}
.wred {
  color: red;
}
.field {
  display: inline;
  padding: 10px;
  border-bottom: 2px solid #00f;
}
.wurst .field {
  display: inline;
  padding: 10px;
  border-bottom: 2px solid #00f;
  color: red;
}
.debug {
  --one: {"button":"({\".bluebutton\":\"(anonymous(c))\",\".button\":\"(anonymous(c))\"})","field":"({\".field\":\"(anonymous())\",\".wurst .field\":\"(anonymous())\"})"};
  --two: {".bluebutton":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})",".wred":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})",".wurst .field":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})"};
}
.bluebutton.bluebutton {
  color: #008000;
}
.button.bluebutton {
  color: #008000;
}
.field.bluebutton {
  border-bottom: 2px solid red;
  color: #00f;
}
.wurst .field.bluebutton {
  border-bottom: 2px solid red;
  color: #00f;
}
.bluebutton.wred {
  color: #008000;
}
.button.wred {
  color: #008000;
}
.field.wred {
  border-bottom: 2px solid red;
  color: #00f;
}
.wurst .field.wred {
  border-bottom: 2px solid red;
  color: #00f;
}
.bluebutton.wurst .field {
  color: #008000;
}
.button.wurst .field {
  color: #008000;
}
.field.wurst .field {
  border-bottom: 2px solid red;
  color: #00f;
}
.wurst .field.wurst .field {
  border-bottom: 2px solid red;
  color: #00f;
}