Edit in JSFiddle

<ul> 
    <li class="orange"><a href="#">Download</a></li>
    <li class="blue"><a href="#">Download</a></li> 
    <li class="green"><a href="#">Download</a></li> 
    <li class="purple"><a href="#">Download</a></li> 
    <li class="gold"><a href="#">Download</a></li> 
</ul>

body {
    cursor: default;
    font-size: 14px;
    line-height: 21px;
    font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
    padding: 18px 18px 18px 18px;
}
ul {
    margin-bottom: 14px;
    list-style: none;
}
li { width: 300px; height: 30px;  margin: 0 0 7px 0; }
li a { 
    display: block;
    margin: 10px 0 7px 0;
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAWNJREFUSEutVQERgzAMRAISJgEJSJgEJCBhDpAwKUiYBCTMASzffSBAE3q39Y67QpPnk3zSqnLWsiy3eZ4HeSbZ7xa+4Qw2nv/puxjX4vRUJNm/5Rn5E/wI+7c5h20d/kAMGnUi0y6IqBObF35AnyZra0Fl/ygNEbYuOMPXXLosI/YEB8aWFhYCZ1mmKBKZgV22YIb5kAjQCXmaAkatkUXr2RkF3Sp56ekUFaoIWHA6pqQH8EhgVzJyXgpcE3hEKpCGMVJBKTAwlKgCfxNuFouR0pMDZtinYqsQEnBODVplgu5SId/uV35XjFNXmQLjvTctHTPO5RgytDPByC1teXYq+JrjSBXiv84OC+zNBrHZVHGl4yN4NHB2OkbIDC3qvCR8rntR51F7g1dlBSGbqDt1ym3SRW5Mn7vOwSzRVp6AdWwIW6iTjAJQfx6bcO0N8kL4EUuNMrxBDPj/77zDrPjplv4AegGDRNUcgxQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 97% center;
    font-size: 18px;
    color: white;
    padding: 5px 0 0 20px;
    text-decoration: none;
}


.orange { background-color: #F5876E; }

.blue{ background-color: #62A9DC; }

.green{ background-color: #8EBD40; }

.purple { background-color: #988CC3; }

.gold { background-color: #D8C86E; }