Water Valve On/Off Card

[LinZeep (Lindsey Prentice)]

type: custom:button-card
tap_action:
  action: toggle
entity: switch.aqara_retrofit_valves_t1
name: Water Valve
show_name: true
show_state: true
size: 50px
styles:
  grid:
    - grid-template-areas: "\"i n\" \"i s\""
    - grid-template-columns: 80px 1fr;
  card:
    - height: 70px
      padding: 10px
      border-radius: 10px
  name:
    - font-size: 1.2em
      font-weight: 400
      margin-top: 0px
      color: var(--contrast15)
  state:
    - font-size: 1em
      text-transform: uppercase
      letter-spacing: 0.2em
      padding: 0px 0px 0px 0px
  img_cell:
    - border-radius: 200px
      width: 50px
      height: 50px
state:
  - value: "on"
    icon: mdi:water
    styles:
      card:
        - background: var(--yellow)
      icon:
        - color: var(--blue)
          width: 30px
      state:
        - color: var(--contrast15)
          font-weight: 900
      img_cell:
        - background: var(--contrast15)
  - value: "off"
    icon: mdi:water-off
    styles:
      card:
        - background: var(--red)
      icon:
        - color: var(--blue)
        - animation: blink 1.5s ease infinite
          width: 30px
      name:
        - color: var(white)
      state:
        - color: var(--yellow)
          font-weight: 900
      img_cell:
        - background: var(--white)