Modelos para "Leia mais" com hover ♡

Olá, cuties. Tudo bom com vocês? já começou a semana, já estou animada para as férias, que sempre fico em casa, sem fazer nada, sem aulas, ksjakdjjkk. Ainda, falta essa semana e um dia para acabar as aulas, para quem não precisar fazer a prova final, aqui na minha escola. Então, novamente na questão da minha ansiedade, na verdade, também não é só as férias, também a festinha e o amigo secreto que vai ter sexta feira, dia 4, ainda na próxima semana vamos saber quem passou direto, torcendo aqui, mas não tenho dúvidas que eu não passe, fui muito boa nesse ano. Mas, então acabou o nosso assunto de escola, trouxe, apenas 2 modelos para "Leia Mais" que ficaram uma bost#, não me levem á mal, são os meus primeiros e olhem que estava sem criatividade. Então tá, vamos parar de enrolar, e lets go! Bye bye!

Visualize o modelo aqui.

Cole acima de ]]></b:skin> o seguinte código:

 .jump-link a {
color: #c5bcd1;
text-decoration: none;
}
.jump-link {
font-family: 'PF arma five';
font-size: 9px;
padding: 1px;
margin-bottom: 9px;
width: 99%;
line-height: 15px;
background: #f2e8ff;
border: double 3px #c5bcd1;
text-align: center;
text-decoration: none;
border-radius: 15px;
}
.jump-link:hover {
background: #efe8fa;
color: #FFF;
border-radius: 0px;
letter-spacing: 3px;
text-decoration: none;
}

Visualize o modelo aqui. 

Cole acima de ]]></b:skin> o seguinte código:

.jump-link a {
color: #fff;
text-decoration: none;
}
.jump-link {
font-family: 'PF ARMA FIVE';
font-size: 9px;
text-shadow: 1px 1px  #93aba4;
letter-spacing: 3px;
padding: 2px;
margin-bottom: 9px;
width: 99%;
line-height: 15px;
background-image: url(http://i.imgur.com/NCGj3EU.png);
outline-offset: -4px; outline: 1px solid #daf0e9;
border: solid 1px #a0bdb5;
text-align: center;
text-decoration: none;
}
.jump-link:hover {
background-image: url(http://i.imgur.com/NCGj3EU.png);
color: #FFF;
text-decoration: none;
outline-offset: -2px; outline: 1px solid #daf0e9;
opacity: .70;
-webkit-transition-duration: .90s;
}