Estoy usando KK Countdown para hacer una cuenta regresiva en Navidad para un sitio.

Tengo un diseño que tengo que seguir que tiene cada letra del día contada con un fondo azul y un radio de borde.

En este momento el html se muestra como este

<span class="kkcount-down" data-time="1387929600">
     <span class="kkcountdown-box">
          <span class="kkc-dni">169</span>
          <span class="kkc-dni-text">DAYS </span>
          <span class="kkc-godz">23</span>
          <span class="kkc-godz-text"> </span>
          <span class="kkc-min">19</span>
          <span class="kkc-min-text"> </span>
          <span class="kkc-sec">48</span>
          <span class="kkc-sec-text">HOURS</span>
     </span>
</span>

La clase kkc-dni es la parte a la que estoy tratando de dirigir aquí.

Quiero agregar un color de fondo a cada letra dentro de ese lapso.

Preferiblemente con CSS. es posible?

He usado CSS antes para diseñar la primera letra de los párrafos anteriores, pero esto es muy diferente y no puedo encontrar ninguna información al respecto.

¿Alguna sugerencia?

Nota: Debido a que estoy usando un complemento para hacer esta cuenta regresiva, no estoy seguro de poder cambiar la forma en que genera los tramos y el html. Si pudiera envolver cada letra en un lapso lo haría.