A Pen by Simone.

design-button.markdown

design button

A Pen by Simone on CodePen.

License.

index.html

<div class="button">design button</div>

style.css

body {padding: 5%}
.button {
    text-align: center;
    font-family: Helvetica neue;
    font-weight: bold;
    width: 130px;
    background-color: black;
    color: white;
    padding: 3%;
}
.button:hover {
  background-color: white;
  border: 1px solid black;
  color: black;
  cursor: pointer;
}
.button:active {
  color: white;
  background-color: red;
  border: 2px solid black;
}