HA - Pulse Card Example

entity: [YOUR ENTITY HERE]
extra_styles: |
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0.7);
      box-shadow: 0 0 0 0 rgba(255,0,0, 0.7);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rrgba(240,52,52, 0.9);
        box-shadow: 0 0 0 10px rgba(240,52,52, 0.7);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(240,52,52, 0);
        box-shadow: 0 0 0 0 rgba(240,52,52, 0);
    }
name: Back
state:
  - icon: 'mdi:door-closed'
    styles:
      icon:
        - opacity: 0.5
    value: 'off'
  - color: white
    icon: 'mdi:door-open'
    operator: default
    styles:
      card:
        - animation: pulse 1s infinite
type: 'custom:button-card'