Bumping card

entity: binary_sensor.drzwi_lazienka_contact
extra_styles: |
  @-webkit-keyframes swing
  {
      15%
      {
          -webkit-transform: translateX(5px);
          transform: translateX(5px);
      }
      30%
      {
          -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
      }
      50%
      {
          -webkit-transform: translateX(3px);
          transform: translateX(3px);
      }
      65%
      {
          -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
      }
      80%
      {
          -webkit-transform: translateX(2px);
          transform: translateX(2px);
      }
      100%
      {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  }
icon: 'mdi:doorbell'
name: Back
state:
  - icon: 'mdi:door-closed'
    styles:
      card: null
      icon:
        - width: 45%
        - opacity: 0.5
        - padding-top: 10px
      name:
        - padding: 10px
        - font-size: 12px
        - text-overflow: unset
        - white-space: unset
        - word-break: break-word
    value: 'off'
  - color: white
    icon: 'mdi:door-open'
    operator: default
    styles:
      card:
        - animation: swing 1s ease infinite
      icon:
        - width: 45%
        - padding-top: 10px
      name:
        - padding: 10px
        - font-weight: bold
        - font-size: 12px
        - text-overflow: unset
        - white-space: unset
        - word-break: break-word
type: 'custom:button-card'