How to hide a button in Knockout.js based on bound value

[HomerJ]

I have the following button in my HTML template that I only want to show if \[code\]CanCancel\[/code\] is true:\[code\]<button data-bind="click: CancelProject, visible: CanCancel">Cancel Project</button>\[/code\]The problem is the model takes 1-2 seconds to bind, so I actually see the button for a few seconds, then it disappears when the data is fully bound. I want the button to be hidden, and then appear if \[code\]CanCancel\[/code\] is true.I've tried to use CSS to set the initial state of the button:\[code\]<button class="hidden" data-bind="click: CancelProject, visible: CanCancel">Cancel Project</button>\[/code\]And in my CSS:\[code\]DIV.buttons button.hidden { display: none; }\[/code\]However, when I do that, I never see the button. This is because Knockout.js will not override the inline style of the button with \[code\]display: inherit;\[/code\] if the value is true.Is there a way to get Knockout to explicitly set the inline display style no matter what?