Hide the sub button if the main state is off

Good morning,

I would like to hide the sub button if the main state is off, here is my card :

type: custom:bubble-card
card_type: button
button_type: state
name: Arrosage automatique
force_icon: false
tap_action:
  action: toggle
button_action:
  tap_action:
    action: toggle
styles: |
  .bubble-icon-container {
  background: ${state === 'on' ?  '#1bc257' : 'white'} !important;
  }
show_last_changed: true
entity: input_boolean.bout_arrosage_automatique_potager
icon: mdi:watering-can-outline
sub_button:
  - entity: input_datetime.pot_prochain_arrosage
    show_icon: false
    show_state: true

could you help me?

The 3rd example under the Bubble Card’s Templates section shows what you need.