A CodePen by Tim Pietrusky. tlk.io's "remove all my messages" button - You want to delete all your [tlk.io](http://tlk.io) messages? This will do it just right!

index.html

<button class="danger">Remove all my<br>messages</button>

script.js

/**
  tlk.io's "remove all my messages" button
  
  You want to delete all your tlk.io messages?
  This will do it just right!
  
  # 2013 by Tim Pietrusky
  # timpietrusky.com
**/

style.scss

@import "compass";
body {
  text-align:center;
  margin:2.5em 0;
  background: #edece9;
}

.danger {
  font:1.75em "Open Sans","Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif;
  color: #ffd6d6;
  text-shadow: 0 .055em 0 rgba(0,0,0, .2);
  cursor:pointer;
  padding: .45em;
  border: .045em solid rgba(179,0,0, .2);
  border-radius:.35em;
  box-shadow: 
    inset 0 .015em 0 rgba(255,255,255, .2),
    0 .015em .015em rgba(255,255,255, .4),
    0 0 0 .5em whitesmoke
  ;
  background-color: red;
  @include background(
    linear-gradient(top, rgba(235,71,71, .5), rgba(165,18,18, .5)),
    red
  );
  @include transition(
    background-color .1s ease-out
  );
  
  &:hover {
    background-color: #f33;
  }
}