Untitled

type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        entity: light.lounge
        icon: hue:floor-shade
        button_type: switch
        card_layout: large-2-rows
        styles: |-
          .bubble-button-background {
            background-color: transparent;
          }
          .bubble-button-card-container,
          .bubble-button-card {
            opacity: ${hass.states['light.'].state === 'on' ? '1' : '0.2'} !important;
            height: 140px !important;
            width: 140px !important;
            background-image: url('/local/images/hk-Living Room.jpg');
            background-size: cover;
            transition: opacity 0.3s ease;
            background-color: transparent;
          }
          .bubble-icon-container {
            background-color: none;
            opacity: 0;
            position: absolute;
            top: 3%;
            left: 3%;
            transform: translate(10%, 10%);
          }
          .bubble-icon {
            color: white !important;
          }
          .bubble-name-container {
            margin: 0 0 0 10px;
          }
          .bubble-name {
            margin-top: 70px;
            font-size: 14px;
          }
        scrolling_effect: true
        name: ''
        show_last_changed: true
        show_attribute: false
        show_state: true
        force_icon: false
        attribute: color_temp
        show_name: true