first button

custom_fields:
  time:
    card:
      entity: sensor.current_date_time
      layout: horizontal
      name: []
      show_icon: false
      show_state: true
      show_name: false
      type: custom:button-card
      styles:
        card:
          - box-shadow: none
          - height: 60px
          - justify-self: start
          - padding-right: 30px
        state:
          - height: 27px
          - justify-self: start
          - font-size: 20px
          - font-weight: 300
entity: light.living
hold_action:
  action: more-info
name: LIVING
icon: null
state:
  - value: 'on'
    icon: fas:toggle-on
    styles:
      card:
        - yyyy: value
      icon:
        - color: '#ff9b75'
      name:
        - color: '#ff9b75'
  - value: 'off'
    icon: fas:toggle-off
    styles:
      card:
        - yyyy: value
      icon:
        - color: gray
      name:
        - color: gray
styles:
  card:
    - height: 100%
    - border-radius: 25px
  name:
    - height: 30px
    - justify-self: left
    - font-size: 15px
    - font-weight: 300
    - padding: 22px 0 0 15px
  grid:
    - grid-template-areas: '"n i" "time time" '
    - grid-template-columns: 60% 40%
    - grid-template-rows: auto
  icon:
    - width: 25px
    - padding: 10px 0 0 0
type: custom:button-card