RFI : style only the text and not the icons?

[rileyrg]

(https://github.com/Alexays/Waybar/wiki/Module:-Custom)

It appears the style is applied to the entire string waybar produces incuding the icon

eg

#custom-temperature.hot{
color: red;
}
#custom-temperature.cool{
color: green;
}

applies to the entire format string

  "custom/temperature": {
      "format": "{icon}{text}°C",
      "format-icons": {
          "cool":"",
          "hot":"💀",
      }, 
      "exec": "waybar-temperature",
      "return-type": "json",
      "interval": 1,
  },

Id like to style ONLY the {text} component of 'format": "{icon}{text}°C",'

I've tried #custom-temperature #text and other varieties to no avail. How do I style just the text component of the formatted output string? Is it possible. The doc page is pretty slim on the actually css assigned.

[rileyrg]

for now I can just colour my icons inside a span. Would be nice to have css access to the text though.