light_button_accese

button_card_templates:
  light_button_accese:
    variables:
      background: rgba(255, 191, 0, 0.22)
      icon_color: rgba(255, 191, 0, 0.8)
    show_icon: true
    show_name: false
    show_state: false
    show_label: true
    tap_action:
      action: toggle
    hold_action:
      action: more-info
    custom_fields:
      btn:
        card:
          type: custom:button-card
          entity: '[[[ return entity.entity_id ]]]'
          entity_picture: /local/ic/info_yellow.png
          show_icon: false
          show_name: false
          show_entity_picture: true
          tap_action:
            action: more-info
          styles:
            img_cell:
              - margin-top: px
              - margin-bottom: px
            entity_picture:
              - width: 25px
            card:
              - background-color: transparent
    state:
      - value: 'on'
        styles:
          icon:
            - animation: scan 4s ease-in-out infinite
            - color: '[[[ return variables.icon_color ]]]'
          label:
            - color: var(--contrast18)
          card:
            - '-webkit-box-shadow': 0 0 5px 1px rgba(255, 191, 0, 0.8)
            - box-shadow: 0 0 5px 1px rgba(255, 191, 0, 1)
            - transition: all 2s ease
            - background: '[[[ return variables.background ]]]'
    extra_styles: |
      @keyframes scan {
        0%, 100% { transform: rotate(20deg); }
        50% { transform: rotate(-15deg); }
      }
    styles:
      grid:
        - grid-template-areas: '"i btn" "l l"'
        - grid-template-columns: 1fr 1fr
        - grid-template-rows: 1fr
      label:
        - justify-self: start
        - font-size: 10px
        - margin-top: '-10px'
        - margin-bottom: 10px
      icon:
        - width: 25px
      img_cell:
        - justify-self: start
        - width: 30px
        - height: 30px
      card:
        - height: 65px
        - padding: 0 20px 0 20px
        - border-radius: 15px
        - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36)
        - '--mdc-ripple-color': rgb(255, 191, 0)
        - '--mdc-ripple-press-opacity': 0.5
      custom_fields:
        btn:
          - justify-self: end
          - margin-bottom: 10px