DOM based button

Code for a simple DOM based button.

HTML

<a href="#" class="button">Play</a>

CSS

.button {
    width: 224px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    color: #FFF;
    text-decoration: none;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-size: 15px;
    font-family: sans-serif;
}
.button:hover {
    background: rgba(0,0,0,.7);
}
.button:active {
    background: #E03232;
}

JavaScript

document.querySelectorAll('.button')[0].addEventListener('click', function(event) {
   console.log('Button clicked'); 
});