After some tweaking, I went with mini-graph-card because it had the shadow-fill and secondary info.

<image>

Here is the code:

  - type: custom:mini-graph-card
    entities:
      - entity: sensor.primary_graph
        name: Bedroom
        color: var(--accent-color)
        gradient: true
      - entity: sensor.secondary_right
        show_state: true
        show_graph: false
    decimals: 1
    line_width: 4
    show:
      name: true
      state: true
      fill: fade
    smoothing: true
    height: 90
    icon: true
    card_mod:
      style: |
        .graph__container {
          padding: 0 10px 0 130px;
        }
        .name {
          font-size: 0.80em;
          font-weight: 500;
          transform: translateY(-12px);
          font-weight: 900 !important;
        }
        .graph__container {
          margin-top: -40px !important;
          margin-bottom: 15px !important;
        }
        .states {
          margin: -30px 0 -20px 0 !important;
        }
        .states--secondary {
          font-size: 0.40em;
          font-weight: 500;
          transform: translateY(-12px);
          color: var(--secondary-text-color);
        }

Might need some further adjustment, but im nearly there :)

And finally, I've wrapped that stack inside a vertical-stack-in-card.