<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 168">
    <rect width="100%" height="100%" rx="10" fill="white" stroke="#2c3e50" stroke-width="2"/>
    <text x="10" y="25" font-family="Arial" font-size="20" fill="#2c3e50" font-weight="bold">9</text>
    <text x="10" y="45" font-family="Arial" font-size="20" fill="#2c3e50">♣</text>
    <text x="60" y="100" font-family="Arial" font-size="60" fill="#2c3e50" text-anchor="middle" dominant-baseline="central">♣</text>
    <g transform="rotate(180, 110, 163)">
        <text x="10" y="25" font-family="Arial" font-size="20" fill="#2c3e50" font-weight="bold">9</text>
        <text x="10" y="45" font-family="Arial" font-size="20" fill="#2c3e50">♣</text>
    </g>
</svg>