.blog-content-home {
    margin: 20px;
}

.blog-content-home h2 {
    text-align: center;
}

.blog-thumb {
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.post-title-blog {
    font-size: 23px;
    font-weight: bold;
    color: #333;
}

.text-post-blog {
    margin: 15px 10px;
}

.date-post-blog {
    font-size: 13px;
    color: #aaa;
}

.readmore {
    margin-top: .5rem;
    font-weight: bold;
}

.readmore a:hover {
    color: var(--primary);
}

.readmore i {
    margin-left: 5px;
    font-weight: bold;
}

.preview-post-blog {
    text-align: justify;
}

.blog-thumb:hover .post-title-blog {
    color: var(--primary);
}

.btn-blog {
    padding: 13px;
    font-weight: bold;
}

.blog-thumb:hover .img-blog-thumb {
    transform: scale(1.1);
}

.container-img-blog-thumb {
    width: 100%;
    display: block;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-title-blog {font-size: 20px;}
}