.builder--posts svg {
    width: 1em;
    height: 1em;
}

.builder--posts img {
    object-fit: cover;
}

.builder--posts {
    display: grid;
    row-gap: 30px;
    transition: all 0.3s;
}

.builder--posts .wrapper {
    display: flex;
}

.builder--posts .author-wrap {
    flex-basis: 230px;
}

.builder--posts .content-wrap {
    flex: 1;
}

.builder--posts .title {
    transition: all 0.3s;
}

.builder--posts .title a {
    transition: unset;
}

.builder--posts .name {
    display: inline-block;
}

.builder--posts .post-meta span {
    width: 15px;
    height: 1px;
    background: #121212;
    display: inline-block;
    margin: 5px 8px;
}

@media (max-width: 767px) {
    .builder--posts .wrapper {
        flex-direction: column;
    }

    .builder--posts .author-wrap {
        flex-basis: 100%;
        align-items: center;
        display: flex;
        gap: 10px;
    }
}