Post footer 3

Cien por ciento mío <3.

Antes de pasar el cursor

Al pasar el cursor
Para tener este Footer (o pie de entrada) solo busca

.post-footer {
y lo remplazamos con  el siguiente código

.post-footer {
      padding-top: 10px;
background: #86d69d;
text-align: center;
color: #FFF8F5;
text-shadow: 1px 1px 0px #56bb72;
-moz-border-radius: 35px;
border-radius: 35px;
 -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    .post-footer:hover{
      padding-top: 10px;
background: #c6ffd6;

    }