ol.list-rectangle,ol.list-rounded{counter-reset:li;text-shadow:0 1px #ffffff80;box-sizing:content-box;padding:0;list-style:none}ol.list-rectangle ol,ol.list-rounded ol{counter-reset:li;list-style:none}.list-rectangle a{color:#444;-o-transition:all .3s ease-out;background:#ddd;margin:.5em 0 .5em 2.5em;padding:.4em .4em .4em .8em;text-decoration:none;transition:all .3s ease-out;display:block;position:relative}.list-rectangle a:hover{background:#eee}.list-rectangle a:before{content:counter(li);counter-increment:li;text-align:center;background:salmon;width:2em;height:2em;margin-top:-1em;font-weight:700;line-height:2em;position:absolute;top:50%;left:-2.5em}.list-rectangle a:after{content:"";-o-transition:all .3s ease-out;border:.5em solid #0000;margin-top:-.5em;transition:all .3s ease-out;position:absolute;top:50%;left:-1em}.list-rectangle a:hover:after{border-left-color:salmon;left:-.5em}ol.list-rounded{padding:0 0 0 1em}.list-rounded a{color:#444;-o-transition:all .3s ease-out;background:#ddd;border-radius:.3em;margin:.5em 0;padding:.4em .4em .4em 2em;text-decoration:none;transition:all .3s ease-out;display:block;position:relative}.list-rounded a:hover{background:#eee}.list-rounded a:hover:before{transform:rotate(360deg)}.list-rounded a:before{content:counter(li);counter-increment:li;text-align:center;-o-transition:all .3s ease-out;background:#87ceeb;border:.3em solid #fff;border-radius:2em;width:2em;height:2em;margin-top:-1.3em;font-weight:700;line-height:2em;transition:all .3s ease-out;position:absolute;top:50%;left:-1.3em}