Reemplazar boton por texto

[AngelKrak]

ahi te lo hice lo mas parecido que pude amigo ;)

Código HTML:

<div class="exp">
  <input type="checkbox" name="checkbox" id="click">
  <label for="click"><span class="click">Click Aca</span> <span class="mas">
    Texto Texto Texto Texto Texto Texto Texto
    Texto Texto Texto Texto Texto Texto Texto
    </span></label>
</div>
 

Código CSS:

body {
  background: #697397;
  margin: 0;
  padding: 0;
}
 
.exp {
  margin: 220px auto;
  min-width: 300px;
  max-width: 780px;
  position: relative;
}
 
.exp label {
  font-size: 2em;
  font-family: verdana;
  color: #B7BECE;
  text-align: center;
  display: block;
}
.exp label span {
  border: 7px solid #B7BECE;
  padding: 15px 30px 15px 30px;
}
.exp label .mas {
  display: none;
}
 
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked + label span {
  border: 7px solid #fff;
  color: #fff;
}
input[type="checkbox"]:checked + label .mas {
  display: block;
}
 
input[type="checkbox"]:checked + label .click {
  display: none;
}
 

Demo:
http://codepen.io/AngelKrak/pen/vNxEar