Sure. Here is an example of a button inside horizontal stack that changes icon based on weather conditions:
type: custom:bubble-card
card_type: horizontal-buttons-stack
1_link: '#weather'
1_name: Weather
1_icon: mdi:weather-partly-cloudy
width_desktop: 1000px
card_mod:
style: |
.weather {
--card-mod-icon: {{ 'mdi:weather-' + states['weather.forecast_home'].state }} !important;
You may have to change your weather provider entity (weather.forecast_home) to something else though. I have not fully tested it yet but it works for current conditions.