/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.blog-card .image-area {
    padding-top: 60%;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.blog-card .blog-info {
    background-color: var(--white);
    color: var(--dark);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}