/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.rounded {
width: 265px;
  position: relative;
    left: 30%;
counter-reset: li; 
list-style: none; 
font: 10px bold "Trebuchet MS", "Lucida Sans"
padding: 0.2em;
text-shadow: 0 0px 0 rgba(255,255,255,.5);
}

.rounded a {
position: relative;
display: block;
padding: 0.1em 0.8em;
margin: 0.1em 0;
background: white;
color: #404040;
border: 1px solid blue;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
text-align: left !important;
}

.rounded a:hover {background: #ccccff;}
.rounded a:hover:before {transform: rotate(310deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: white;
height: 2em;
width: 2em;
line-height: 2em;
border: 1px solid blue;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
.fa-star { 
  color: gold;
}
<!--
.ms-slide-bgcont {
    margin-left: 0px;
   }

.ms-thumb {
    width: 80px !important; 
    height: auto !important;
    margin-top: 0px !important;
    margin-left: 30px;
   }
-->