.posts{list-style:none}
.posts li{border-top:1.5px solid #D9DFEB}.posts li:last-child{border-bottom:1.5px solid #D9DFEB}
.posts a{display:grid;grid-template-columns:200px minmax(0,1fr) 46px;gap:28px;align-items:center;padding:26px 0;color:var(--pdc-deep);transition:padding .45s cubic-bezier(.2,.8,.2,1)}
.posts a:hover{color:var(--pdc-deep);padding-left:12px}
.posts .d{font-size:17px;font-weight:500;color:var(--pdc-deep2)}
.posts .d b{display:block;color:var(--pdc-blue);font-weight:600}
.posts h3{font-size:clamp(21px,1.8vw,25px)}
.posts p{margin-top:6px;font-size:18px;color:var(--pdc-deep2)}
.posts .go{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--pdc-deep);transition:background .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.posts a:hover .go{background:var(--pdc-deep);transform:rotate(-45deg)}.posts a:hover .go svg{stroke:#fff}
@media (max-width:760px){.posts a{grid-template-columns:minmax(0,1fr) 46px;gap:14px}.posts .d{grid-column:1/-1}}

/* Elementor beats the design's single-class rules in two places: `.elementor a{box-shadow:none}` (0,1,1) and `.e-con-full.e-flex{flex-direction:var(--flex-direction)}` (0,2,0). Replay the design's own box-shadow and flex-direction rules one class higher, in the same order, so the design wins again. */
.elementor .posts .go{box-shadow:inset 0 0 0 2px var(--pdc-deep)}