Temperature and Humidity Card

type: horizontal-stack
cards:
  - type: custom:stack-in-card
    cards:
      - type: custom:button-card
        entity: sensor.wiser_lts_temperature_bedroom
        name: Temperature
        icon: mdi:thermometer
        show_icon: true
        show_name: true
        show_state: true
        styles:
          grid:
            - grid-template-areas: '"i n" "i s"'
            - grid-template-columns: min-content min-content
            - grid-template-rows: max-content max-content
          card:
            - background: var(--card-background-color)
            - border-radius: 25px
            - padding: 12px
            - margin: 0 0 -15px 0
          icon:
            - width: 25px
            - height: 25px
            - margin: 0 8px 0 0
            - padding: 5px
            - color: var(--primary-color)
            - background: var(--button-background-color)
            - border-radius: 99px
          name:
            - justify-self: start
            - align-self: end
            - font-size: 16px
            - font-weight: 600
            - color: var(--primary-color)
            - padding: 0px
          state:
            - align-self: start
            - justify-self: start
            - font-size: 14px
            - font-weight: 550
            - color: rgba(96,114,116,0.6)
            - margin: 0
      - type: custom:mini-graph-card
        entities:
          - sensor.wiser_lts_temperature_bedroom
        line_color: rgba(255,155,155,1)
        line_width: 7
        animate: true
        show:
          name: false
          state: false
          icon: false
  - type: custom:stack-in-card
    cards:
      - type: custom:button-card
        entity: sensor.ep1_living_room_humidity
        name: Humidity
        icon: mdi:water
        show_icon: true
        show_name: true
        show_state: true
        styles:
          grid:
            - grid-template-areas: '"i n" "i s"'
            - grid-template-columns: min-content min-content
            - grid-template-rows: max-content max-content
          card:
            - background: var(--card-background-color)
            - border-radius: 25px
            - padding: 12px
            - margin: 0 0 -15px 0
          icon:
            - width: 25px
            - height: 25px
            - margin: 0 8px 0 0
            - padding: 5px
            - color: var(--primary-color)
            - background: var(--button-background-color)
            - border-radius: 99px
          name:
            - justify-self: start
            - align-self: end
            - font-size: 16px
            - font-weight: 600
            - color: var(--primary-color)
            - padding: 0px
          state:
            - align-self: start
            - justify-self: start
            - font-size: 14px
            - font-weight: 550
            - color: rgba(96,114,116,0.6)
            - margin: 0
      - type: custom:mini-graph-card
        entities:
          - sensor.ep1_living_room_humidity
        line_color: rgba(81,130,155,0.8)
        line_width: 7
        animate: true
        show:
          name: false
          state: false
          icon: false