.top-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.top-posts .top-post {
    padding: 45px 30px;
    background-color: #fff;
    border: solid 1px #3695d3;
}
.top-posts .top-post .top-post__title a {
    color: #3695d3;
    font-size: 2rem;
    font-weight: 600;
}
.top-posts .top-post .top-post__date {
    font-size: 1.2rem;
    color: #b5b5b5;
}
.top-posts .top-post .top-post__content {
    margin-top: 20px;
}
.top-posts .top-post .top-post__content p {
    margin: 1em 0;
}
.top-posts .top-post .top-post__more-wrap {
    text-align: right;
}
.top-posts .top-post .top-post__more-wrap a {
    color: #3695d3;
    font-size: 1.7rem;
    font-weight: 600;
    text-decoration: underline;
}