Bir puanlama sistemim var.
Puanlama sisteminde 1 den 10 a kadar butonlar var

Bu butonların görünümünü biraz değiştirmek istiyorum.

bendeki görüntü (canlı hali)
ekran görüntüsü - http://prntscr.com/my734i

olmasını istediğim görüntü (canlı hali)
ekran görüntüsü - http://prntscr.com/my73i4

şuanda kullandığım css şu şekilde

.yuvarlak{
   position: relative;
    float: left;
    padding: 5px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50% !important;
    
}
.yuvarlak:hover {background-color: #3482e2;
  color: white;}

Yardımlarınız için şimdiden teşekkürler