[Tutorial] 2 modelos(excl.) de Jump Link

Olá doces!
Hoje vim trazer-vos 2 estilos para Jump Link.
O que é o jump link?
É o link onde se clica para continuar a ler a postagem.

E claro, estive a fazer 2 modelos para vocês.
Eu espero que gostem deles.
Podem mudar as cores, tipo de letra e outros.

1º MODELO

@font-face { font-family: "Handy"; src: url('http://static.tumblr.com/eibvjdd/THsn1vcrt/handy00.ttf'); }
.jump-link {
text-align: center;
margin-top: 3px;
padding:2px;}
.jump-link a {
text-transform:uppercase;
display:block;
padding:2px;
margin:1px;
background: #f9f9f9;
border: 1px solid #ffd6de;box-shadow: inset 14px 14px 0  #fff5f7;
color: pink;
font-family: 'Handy';
font-size: 10px;}

--------------------------------------

 2º MODELO

text-align: center;
border: #ffd6de 1px solid;
box-shadow: inset 1px 1px 0 #fff5f7;
background: #ffe2e8;
border: #ffd6de 1px solid;
box-shadow: inset 1px 1px 0 #fff5f7;
background: #ffe2e8;
margin-bottom: 5px;
padding:5px
font-family: 'Handy';
font-size: 12px;
opacity: 0.6;
}
.jump-link a{
color: #fff;
font-family: 'Handy';
}

 Eu fiz-los com muito prazer.
Por favor, digam o que acham. Se gostarem posso sempre fazer mais.
Deiam sempre os créditos, por favor.

Espero que gostem.
Kissus~