.custom-post-navigation {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
padding: 20px;
border-top: 1px solid #eee;
gap: 20px;
flex-wrap: wrap;
} .custom-post-navigation a {
text-decoration: none;
color: #023907;
font-size: 0.8rem;
font-weight: 400;
transition: color 0.3s ease;
display: block;
line-height: 1.4;
white-space: normal; }
.custom-post-navigation a:hover {
color: #005680;
} .nav-previous {
text-align: left;
flex-grow: 1;
flex-basis: 50%;
min-width: 150px;
}
.nav-next {
text-align: right;
flex-grow: 1;
flex-basis: 50%;
min-width: 150px;
} @media (max-width: 768px) {
.custom-post-navigation {
flex-direction: row; justify-content: space-between; gap: 0; padding: 15px; }
.nav-previous,
.nav-next {
flex-basis: auto; flex-grow: 0; min-width: auto; width: auto; }
.custom-post-navigation a {
font-size: 0.9rem; font-weight: bold; white-space: nowrap; padding: 5px 10px; } .nav-previous a span,
.nav-next a span {
display: none;
} .nav-previous a::before {
content: "← Anterior";
margin-right: 5px; }
.nav-next a::after {
content: "Próximo →";
margin-left: 5px; }
}.bgcor {
transition: height 0.05s linear, background-color 0.05s linear;
}
.bgcor .dimi {
transition: transform 0.05s linear;
}.e-font-icon-svg.e-eicon-caret-down {overflow: visible;}//CSS Efeito vidro
.efeito-vidro {
backdrop-filter: saturate(160%) blur(5px) ;
border-radius: 12px;
}