Energy Card + Graph

      - type: 'custom:button-card'
        view_layout:
          grid-area: 'r4a'
        entity: sensor.monthly_production_round
        tap_action: none
        label: Produktion denna månad
        show_name: false
        show_icon: false
        show_label: true
        show_state: true
        show_units: true
        variables:
          card_color: "var(--ha-card-background)"
          color_theme: "var(--color-green)"
          graph_entity: sensor.daily_production
        styles:
          grid:
            - grid-template-areas: '"s" "l" "graph"'
            - grid-template-rows: 2fr 1fr 3fr
            - row-gap: 6px
          card:
            - height: 100%
            - border-radius: "var(--border-radius)"
            - box-shadow: "var(--border-radius)"
            - padding: 1rem
            - background-color: '[[[ return variables.card_color ]]]'
          state:
            - color: '[[[ return variables.color_theme ]]]'
            - text-align: center
            - font-size: "var(--fs-800)"
            - font-weight: bold
            - justify-self: start
            - align-self: end
          label:
            - color: "var(--color-white)"
            - text-align: center
            - font-size: "var(--fs-400)"
            - justify-self: start
            - align-self: start
          custom_fields:
            graph:
              - justify-self: center
              - align-self: start
        custom_fields:
          graph:
            card:
              type: custom:mini-graph-card
              card_mod:
                style: |
                  ha-card {
                    background: none;
                    box-shadow: none;
                    border-radius: 0px;
                    padding: 0px;
                    margin: 0px;
                  }
                  ha-card > div{
                    padding: 0 !important;
                  }
              entities:
                - '[[[ return variables.graph_entity ]]]'
              line_color: '[[[ return variables.color_theme ]]]'
              line_width: 4
              hours_to_show: 504
              points_per_hour: .2
              smoothing: true
              group: false
              animate: true
              show:
                icon: false
                name: false
                state: false
                labels: false
                points: false
                fill: false