make the circle, half so i can reuse it where expected

Question

I have this css which colors down the whole circle with color

div.button.fill {
    color: #FFFFFF;
    background-color: #ffcc00;

}

i