Thanks for your help, without the quotes around value it works 100% fine now and I got exactly the results I wanted. The color_type: card support is also working flawlessly here. I am very happy!
And thanks also to @iantrich for getting the PR merged so fast 
This was already my favorite custom card and this new feature makes it so much more powerful.
Thanks much. This might be off topic, but is there any way for the action to apply to another entity? Iām stuck here:
type: 'custom:button-card'
entity: switch.output_033
name: Announce
icon: 'mdi:volume-off'
color_type: icon
action: service
service:
action: switch.toggle
entity_id: switch.output_046Hello, dear!
I need your help. Iām trying to make a āremote controlā through the custom popup card.
I wanted to call him through a button card. But Iām lost if itās possible. If the custom card popUp accepts ā¦
@RichardU, as per the doc, it should be:
service:
domain: switch
action: toggle
data:
entity_id: switch.output_046
@RomRider, Thank you for taking the time to answer. I searched the docs and found many variations of service / action / data but not this one which works perfectly.
The ability to show one entity while controlling other entities gives this button card amazing power!
Cheers, Richard
I added the github url but custom updater still shows it as version 0.0.2. How would i go about updating this card?
Iām facing one small problem with the button card: On my iOS devices the icon and the text displayed on the button are sometimes misaligned. They are not centered relative to the edges of the button. On my Macbook in Firefox everything is perfectly aligned. Does anyone know what the problem might be?
In the latest PR, Iāve added support for styling definition in each state
Ex:
- type: "custom:button-card"
entity: sensor.temperature
show_state: true
state:
- value: 15
operator: '<='
color: blue
icon: mdi:thermometer-minus
- value: 25
operator: '>='
color: red
icon: mdi:thermometer-plus
- operator: 'default' # used if nothing matches
color: yellow
icon: mdi: thermometer
style:
- opacity: 0.5
@iantrich could you have a look please? It would also close the issue #41
A question for everyone using this card. 
I think itās kind of confusing to have state, color and color_off.
- type: "custom:button-card"
entity: switch.main
show_state: true
color: red
color_off: green
Is now redundant with:
- type: "custom:button-card"
entity: switch.main
show_state: true
state:
- value: 'on'
color: red
- value: 'off'
color: green
I think the second one is more clear and works with any type of entity although this would be a breaking change to deprecate color_off. Thoughts?
I agree the second approach seems better.
It would be only a minor inconvenience for us existing users but would make things more standardized and easier to understand, especially for new users. So I think itās worth doing.
@iantrich, ignore the previous PR, Iāve issued a new one with more stuff but some breaking changes (for a better future )
If you could have a look and let me know what you think please.
Breaking Changes
color_off is now deprecated, use state instead if you want to redefine the color when off - type: "custom:button-card"
name: Switch
entity: switch.main
color: red
color_off: green
- type: "custom:button-card"
name: Switch
entity: switch.main
color: red
state:
- value: 'off'
color: green
- type: "custom:button-card"
name: Switch
entity: switch.main
state:
- value: 'off'
color: green
- value: 'on'
color: red
default_color is deprecated as it seems redundant with color (when light is not rgb). For rgb light, you can still define a specific color for the off state for example.service has been deprecated in favor of tap_action, see belowaction has been replaced by tap_action to mimic the default button card and allow for future options like hold_action
more_info renamed to more-info, more_info still worksservice now takes the full service name light.turn_on
show_icon to decide whether to display the icon or notOthers
tap_action supports navigate. Fix #75
Support for style definition in state. Fix #41
Thanks.
I like this a lot. Much easier to understand. It would also be awesome to be able to change the Name based on state if thatās possible.
Iāll try to check it out tonight 
Omg, best news for this card in months. I canāt wait for the hold_action to become available.
Great work!
Is font-size supposed to work in style? I have the following and changing font-size: 12px to font-size: 15px has no effect (in fact, it stays the same even if I remove it).
- type: "custom:button-card"
entity: switch.rpi_aiy
name: RPi AIY
icon: mdi:raspberry-pi
color: rgb(250, 218, 79)
color_type: icon
style:
- font-size: 12px
- text-transform: capitalize
@arsaboo, this will be fixed with the latest PR, thereās already a bug opened here: https://github.com/custom-cards/button-card/issues/71
Perfectā¦looking forward to it.
Iām okay with javascript (pure javascript) but Iām really bad at CSS, HTML and javascript combined 
Iām definitely already looking into hold_action but it might take a bit more time 
Please hold on!
I have worked around this by using the core entity button with a state switch card. But it added over 1000 lines of code to achieve it. So I am in no hurry as it works fine now. But I would love to minimize my code when possible.
So no worries here. Great work still!
Iāve decided to give this card another go now someone is enhancing it.
I have it in a horizontal stack with 2 of the core buttons and with the recent updates, the size of this button is now taller than the core ones.
Is there any reason the size of the button is different to core?