Custom button card style

type: custom:button-card
entity: switch.kitchen_switch_2_2
icon: mdi:vanity-light
name: Đèn bàn ăn
label: Bếp
color: rgb(0,0,0)
aspect_ratio: 1/1
custom_fields:
  switch: ""
  switch_btn: ""
tap_action:
  action: toggle
show_label: true
size: 32px
styles:
  custom_fields:
    switch:
      - position: absolute
      - top: 15px
      - right: 15px
      - width: 20px
      - height: 12px
      - border-radius: 10px
      - background: rgba(255,255,255,0.3)
      - z-index: 111
    switch_btn:
      - position: absolute
      - top: 17px
      - right: 25px
      - width: 8px
      - height: 8px
      - border-radius: 10px
      - background: rgba(255,255,255,0.6)
      - z-index: 111
      - transition: all 0.3s
  card:
    - font-size: 12px
    - background-color: '#142a37'
    - padding: 15px
    - '--mdc-ripple-color': '#dcb213'
    - '--mdc-ripple-press-opacity': 0.7
  img_cell:
    - justify-content: flex-start
    - align-items: flex-start
  icon:
    - height: auto
    - color: white
  name:
    - justify-self: start
    - font-weight: bold
  label:
    - justify-self: start
state:
  - value: 'on'
    color: '#0a1249'
    styles:
      card:
        - background-color: '#dcb213'
      name:
        - color: white
      label:
        - color: white
      custom_fields:
        switch:
          - background: '#0a1249'
        switch_btn:
          - right: 17px
          - background: white