{source}

<style>

/* =========================
ARTICOLI
========================= */

.blog-esempi .item,
.blog-esempi .item-content {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
margin-bottom: 16px;
box-shadow: none;
box-sizing: border-box;
}

/* titolo */
.blog-esempi h2,
.blog-esempi .page-header h2 {
font-size: 2rem;
line-height: 1.2;
margin-bottom: 14px;
}

.blog-esempi h2 a {
text-decoration: underline;
color: #656565;
}

/* testo */
.blog-esempi .introtext,
.blog-esempi .item-content p {
font-size: 1rem;
line-height: 1.7;
color: rgba(43,36,48,.78);
}

/* immagine (NO crop) */
.blog-esempi img {
display: block;
width: 100%;
max-width: 600px;
height: auto;
margin: 18px auto;
border-radius: 12px;
}

/* bottone */
.blog-esempi .readmore,
.blog-esempi p.readmore {
margin-top: 18px;
}

.blog-esempi .readmore a,
.blog-esempi p.readmore a,
.blog-esempi .btn {
display: inline-block;
padding: 10px 16px;
border-radius: 10px;
text-decoration: none;
background: rgba(255,255,255,.78);
color: #7d3f8a !important;
border: 1px solid rgba(160, 90, 168, .20);
font-weight: 600;
transition: all 0.2s ease;
}

.blog-esempi .readmore a:hover,
.blog-esempi p.readmore a:hover,
.blog-esempi .btn:hover {
background: rgba(255,255,255,.94);
color: #7d3f8a !important;
border-color: rgba(160, 90, 168, .30);
}

/* layout fix */
.blog-esempi .items-row {
display: block;
}

/* separazione visiva tra articoli */
.blog-esempi .item,
.blog-esempi .items-row > div {
padding-bottom: 24px;
border-bottom: 1px solid rgba(160, 90, 168, .12);
}

/* =========================
PAGINAZIONE DESKTOP
========================= */

.blog-esempi .com-content-category-blog__pagination {
text-align: center;
margin-top: 40px;
}

.blog-esempi .pagination {
justify-content: center;
gap: 6px;
}

.blog-esempi .pagination .page-link {
border-radius: 8px;
padding: 8px 12px;
border: 1px solid rgba(160, 90, 168, .18);
color: #7d3f8a;
background: rgba(255,255,255,.78);
}

.blog-esempi .pagination .page-link:hover {
background: #a05aa8;
color: #fff;
border-color: #a05aa8;
}

.blog-esempi .pagination .active .page-link {
background: #7d3f8a;
border-color: #7d3f8a;
color: #fff;
}

/* =========================
MOBILE
========================= */

@media (max-width: 768px) {

.blog-esempi .item,
.blog-esempi .item-content {
margin-bottom: 28px;
padding: 0;
}

.blog-esempi h2 {
font-size: 1.6rem;
}

.blog-esempi img {
max-width: 100%;
}

.blog-esempi .readmore a {
width: 100%;
text-align: center;
}

/* PAGINAZIONE MOBILE FIX */
.blog-esempi .pagination {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 6px;
overflow: hidden;
}

.blog-esempi .pagination li {
display: none;
}

.blog-esempi .pagination li.active,
.blog-esempi .pagination li:first-child,
.blog-esempi .pagination li:last-child {
display: block;
}

.blog-esempi .pagination .page-link {
padding: 6px 10px;
font-size: 0.9rem;
}

}
</style>
{/source}