Need help with college project

[luka_man]

So, we are finishing up a CSS and HTML coding project for my course at college, and I have to add a few things to one of my pages. I asked on Stack Overflow but they all devoted me because I didn't understand and didn't get any advice :/
I'm having a specific problem with a snip of code, pretty sure it's to do with this part of the code as I have checked the rest but can include if someone needs it.

<a href="Cafenet.accdb" download[COLOR=rgb(184, 49, 47)][B]>[/B][/COLOR]</a>
<div style="text-align:left"><div class="row"><div class="column">
  
    <div class="database">
    <img src="U10IMG1.png" alt="Database Image" width="300" height="260" style="width:50%" title="This image represents the CafeNet database assignment">
        <alt text="Unit 9 Cafenet download"></alt>
                    </div>
                </div>
            </div>
        </div>
    <button class="button1" style="vertical-align:right"><span>Download</span></button>

So, this should work, but my CSS button doesn't allow me to click it, and doesn't show that Theres a link. If you look at the first line of the code on the "<a href="CafeNet.accdb" download>" that last closing arrow on the end seems to be a problem, if I take that arrow out then the download link works, but the area around the link and the page are clickable for the download file. I want it just so the download link gives the user the option to download the file.
Any and all help is appreciated