.posts-item {
    gap: 1rem;
}

.posts-item__image {
    aspect-ratio: 367/300;
}

.posts-item__image img {
    transition: 0.3s;
}

.posts-item__footer {
    gap: 1.2rem;
    padding: 1rem;
}

.posts-item__credits {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--color-gray);
}

.posts-item__sep {
    flex: 0 0 auto;
    aspect-ratio: 1/1;
    width: 0.8rem;
    border-radius: 100%;
    background: var(--color-gray-light);
}

.posts-item__title {
    color: var(--color-default);
}


@media screen and (max-width: 575.9px) {
    .posts-item__image {
        aspect-ratio: 343/300;
    }
}

@media (hover: hover) and (pointer: fine) {
    .posts-item:hover .posts-item__image img {
        scale: 1.1;
    }
}