Update: botão leia mais para os posts em formato grid (Tema Amora)

Views:
CÓDIGO DAS VARIÁVEIS DO BOTÃO
(colar na área onde estão as demais variáveis do painel) 

<Group description="Botão Leia mais" selector=".jump-link">
<Variable name="read.font" description="Font" type="font" default="normal normal 10px 'Montserrat', sans-serif;" value="normal normal 12px Montserrat"/>
<Variable name="read.font.color" description="Text Color" type="color" default="#000000" value="#ffffff"/>
<Variable name="read.background.color" description="Background Color" type="color" default="#fcf2ef" value="#201e1e"/>
<Variable name="read.background.color.hover" description="Button Hover Color" type="color" default="#000000" value="#cc1d51"/>
<Variable name="read.font.color.hover" description="Hover Text Color" type="color" default="#FFFFFF" value="#ffffff"/>
</Group>


CÓDIGO CSS DO BOTÃO
(colar acima de ]]></b:skin> )

/* BOTÃO LEIA MAIS
----------------------------------------------------*/
.leia-mais  {
width: 100% !important;
text-align: center; /* posicionamento do leia mais */
margin-top: 5em; /* espaço que fica entre o leia mais e a postagem */
margin-bottom: 3em; /* espaço que fica entre o leia mais e a próxima postagem */
}
.leia-mais a{
background:$(read.background.color);
font:$(read.font);
color: $(read.font.color);
text-decoration:none;
text-transform: none;
padding:8px 80px 8px 80px;
text-decoration: none !important;
}
.leia-mais a:hover{
background: $(read.background.color.hover);
color: $(read.font.color.hover);
text-decoration: none;
transition: all 0.9s ease 0s;
}

@media screen and (max-width : 1152px) { 
.leia-mais  {margin-top: 0.1em; margin-bottom: 6.5em !important;}
}
@media screen and (max-width : 1024px) { 
.leia-mais  {margin-top: 1em; margin-bottom: 4.5em;}
}
@media screen and (max-width : 900px) {
.leia-mais  {margin-top: 1.9em; margin-bottom: 4em;}
 }
@media screen and (max-width : 640px) {
.leia-mais  {margin-top: 1.4em; margin-bottom: 4em !important;}
}
@media screen and (max-width : 480px) {
.leia-mais  {margin-top: 2.0em; margin-bottom: 1.4em !important;}
}
@media screen and (max-width : 414px) {
.leia-mais  {margin-top: 1.0em; margin-bottom: 1em !important;}
}
@media screen and (max-width : 375px) {
.leia-mais  {margin-top: -0.2em; margin-bottom: 2.0em !important;}
}
@media screen and (max-width : 360px) {
.leia-mais  {margin-top: -0.2em; margin-bottom: 4.0em !important;}
}
}



CÓDIGO DO BOTÃO LEIA MAIS
(colar acima de <b:if cond='data:post.hasJumpLink'>)

<div class='leia-mais'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<span style='float:center'><a expr:href='data:post.url'>LEIA MAIS</a></span>
  </b:if></div>

Formulário de contato

Nome

E-mail *

Mensagem *