.blog {
    max-width: var(--limit-width-big);
    margin-inline: auto;
    padding-inline: var(--vp-padding);
}

.blog-wrapper {
    --auto-grid-min-size: 26rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(10rem, 100%, var(--auto-grid-min-size)), 1fr));
    gap: 6.5rem 4rem;
    margin-top: 2rem;
}

.post-single {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    border-radius: 1.5625rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.post-single .post-content {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

}

.post-single .meta {
    font-size: 1.125rem;
    margin-top: 1rem;
}

.post-single .description {
    margin-top: 2rem;
    flex-grow: 1;
}

.post-single .btn {
    max-width: fit-content;
    margin-top: 2rem;
}

.post-single h3 {
    font-family: "Barlow Condensed Bold";
}

.post-single img {
    width: 100%;
    max-height: 21.1875rem;
    object-fit: cover;
}