Div Button with hover color & size change

This div button changes color when you hover over it. Easily manipulate colors with the CSS!

by Jordan Dayton

HTML

<div id="button">
    <a href="https://community.bridgeapp.com/discussion/create.jspa?suppressMarkQuestion=true&question=true&containerType=14&containerID=2006" target="_top">
    <div class="button-link">START A NEW DISCUSSION</div>
    </a>
</div>

CSS

#button {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background-color: #46abd2;
    height: 50px;
    width: 292px;
    margin-left: 0px;
}

.button-link {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 16px;
    height: 36px;
}

div.button-link:hover{
    background-color: #66B9DA;
    cursor: pointer;
}

a:link {
    text-decoration: none;
}