<a href="#" class="btn">Click Click Click!</a>
// reset & normalize
*{text-decoration:none;}
html{
  font-size:62.5%; // 62.5% = 1rem = 10px
    padding: 3rem;
  color: #614f38;
}
body {
  font-size:1.6rem;
}
// Start!
a.btn {
  width: auto;
  height:auto;
  text-decoration:none;
  color:inherit;
  box-sizing: border-box;  
  padding:1rem 2.5rem;
  display:inline-block;
  text-align: center;
  border-radius: .6rem;
  background: #fff;
  border: .2rem solid #543618;
  box-shadow: .2rem .2rem 0px .1rem rgba(#ccc, 1);
  transition: all .3s;
  user-select: none;
  &:hover {
    transform: translate3d(.2rem, .2rem, 0);
    box-shadow: none;
    opacity: 1;
    transition: all .2s;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.