<?xml version="1.0" encoding="UTF-8"?>
<svg width="100%" height="100%" viewBox="0 0 300 100"
  xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <linearGradient id="background" gradientUnits="objectBoundingBox"
      x1="1" x2="1" y1="0" y2="1">
      <stop stop-color="#666666" offset="0"/>
      <stop stop-color="#000000" offset="0.67"/>
    </linearGradient>
  </defs>
  <g>
    <rect x="10" y="10" rx="15" ry="15" width="280" height="80"
        fill="url(#background)" stroke="#333333"/>
    <text x="$xpos" y="55" fill="white"
      font-family="Verdana" font-size="22" font-weight="500">
      [% text|html %]
    </text>
  </g>
</svg>