Красивое оформление нумерованного списка CSS

<ol class="zutiposedly-responsible">
  <li>Скрипты для uCoz</li>
  <li>Шаблоны для uCoz</li>
  <li>Меню для сайта uCoz</li>
  <li>Мини профиль для uCoz</li>
  <li>Ajax окна для uCuz</li>
</ol>

ol.zutiposedly-responsible {
  display: block;
  counter-reset: wslist1;
  color:#5f5a5a;
  list-style: none;
}
ol.zutiposedly-responsible > li {
  margin: 0 0 1.3em 1.7em;
  position:relative;
}
ol.zutiposedly-responsible > li::before {
  background: #674FB6;
  border-radius: 95%;
  color: #e4e4e4;
  content: counter(wslist1);
  counter-increment: wslist1;
  display: inline-block;
  height: 19px;
  left: -41px;
  line-height: 19px;
  padding: 7px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 19px;
}