.circles{counter-reset:li;list-style:none;padding:0}.circles li{position:relative;display:block;padding-left:3em;margin:.5em 0;color:#444;text-decoration:none;border-radius:.3em}.circles li:before{content:counter(li);counter-increment:li;position:absolute;left:0;top:6px;background:#b71013;height:2em;width:2em;line-height:2em;text-align:center;font-weight:700;border-radius:2em;color:#fff}