horizontal-buttons-stack

  - type: custom:bubble-card
    card_type: horizontal-buttons-stack
    auto_order: true
    1_name: null
    1_icon: mdi:shield-home-outline
    1_link: "#alarm"
    1_entity: null
    2_name: null
    2_icon: mdi:home-lock
    2_link: "#locks"
    2_entity: null
    3_name: null
    3_icon: mdi:coffee-outline
    3_link: "#coffee"
    3_entity: null
    3_pir_sensor: null
    hide_gradient: true
    styles: |
      .bubble-icon {
        --mdc-icon-size: 23px !important;
      }
      .alarm > .background-color
        {
        opacity: 1 !important;
        background-color: ${hass.states['alarm_control_panel.first_floor'].state === 'disarmed' ? '#CB7F8A' : '#9AA58F'} !important; /* red when disarmed, green when armed */
        }
      .coffee > .background-color
        {
        opacity: 1 !important;
        background-color: ${hass.states['sensor.current_water_level'].state === '10'
        ? '#CB7F8A'
        : hass.states['sensor.current_water_level'].state === '50'
        ? '#E5D092'
        : hass.states['sensor.current_water_level'].state === '100'
        ? '#9AA58F'
        : '#8E8E8E'} !important;
        }
      }