<h2>Hello people!</h2>
<p>Make sure to click the button.</p>

<p>
  <button class="button-link">This is a button</button>
</p>
.button-link {
    padding: 10px 15px;
    background: #005E99;
    color: #FFF;
}

 .button-link:hover, .button-link:focus {
    background: #009dff;
    border: solid 1px #009dff;
}

.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #1D1F20;
    border: solid 1px #1D1F20;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.