.blog03 {
    gap: 26px;
}

.blog03:has(> li:nth-child(-n + 5)) {
    display: flex;
    justify-content: center;
}

.blog03:has(> li:nth-child(5)) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.blog03__card {
    width: 265px;
    display: block;
    padding: 20px;
}

.blog03 [class*="blog__label--"] {
    max-width: 100%;
    margin: -13px auto 5px;
    position: relative;
}

.blog03__img {
    height: 195px;
}

.blog03 .blog__name {
    margin: 0 0 5px;
}

.blog03 .blog__text {
    margin: 0 0 5px;
}

.blog03 .blog__date {
    text-align: right;
}