.nopara
<svg width="98%" height="120"
     viewBox="0 0 98% 100">
  <defs>
    <linearGradient id="grad1" x1="100%" y1="100%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:rgb(198,198,228);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(30,30,50);stop-opacity:1" />
    </linearGradient>
  </defs>
  <style>
    .small { font: 18px sans-serif; fill: #98baff }
    .heavy { font: bold 52px sans-serif; fill: #76a9ff }
  </style>

<rect x="20" y="20" rx="15" ry="15" width="98%" height="100" fill="url(#grad1)"/>

<text x="45" y="70" class=heavy>$blog</text>
<text x="45" y="98" class=small>$blog.desc</text>
</svg>