.posts-count {
    color: var(--wp--preset--color--accent-5);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
}

.wp-block-post-excerpt__more-link {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
    color: var(--link--color);
    transition-property: color;
    transition-duration: var(--transition--duration);
    transition-timing-function: var(--transition--timing-function);
}

.wp-block-post-template-is-layout-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    grid-gap: 20px;

    & > * {
        display: grid;
        grid-row: span 3;
    }

    .category & > * {
        grid-template-rows: subgrid;
    }
}

.card {
    --link--color: var(--wp--preset--color--accent-1);
    --gradient--height: 50%;
    --gradient--margin--inline: 0;
    --gradient--padding--inline: 0;
    --gradient--padding--block-end: var(--wp--preset--spacing--40) !important;

    position: relative;
    display: grid;
    gap: 0;
    grid-template-rows: subgrid;
    grid-row: span 3;
    border-radius: var(--wp--custom--border-radius--block);
    background-color: transparent;
    box-shadow: var(--box-shadow-bottom);
    overflow: clip;
    margin: 0;
    transition-property: background-color !important;
    transition-duration: var(--transition--duration) !important;
    transition-timing-function: var(--transition--timing-function);

    .wp-block-post-title {
        position: unset;
        z-index: 100;
    }

    &::before {
        content: '';
        display: block;
        z-index: 0;
        aspect-ratio: 23/16;
        grid-column: 1/2;
        grid-row: 1/2;
        background-color: var(--wp--preset--color--accent-3);
    }

    .wp-block-post-featured-image {
        grid-column: 1/2;
        grid-row: 1/2;
        margin-left: calc(var(--gradient--padding--inline)* -1) !important; */
        margin-right: calc(var(--gradient--padding--inline)* -1) !important; */
    }

    .wp-block-post-title {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-inline: var(--wp--preset--spacing--40);
        margin-block-start: var(--wp--preset--spacing--40);
        font-weight: bold;
        font-size: var(--wp--preset--font-size--large);
        font-family: var(--wp--preset--font-family--poppins);
        line-height: 1.2;
    }

    .wp-block-post-excerpt {
        margin-block-start: 10px;
        padding-inline: var(--wp--preset--spacing--40);
    }

    .wp-block-post-excerpt__excerpt {
        overflow: clip;
        text-overflow: ellipsis;
        max-height: calc(4 * 1.68 * var(--wp--preset--font-size--medium));
    }

    .wp-block-post-excerpt__more-text {
        margin-block-start: 20px;
    }

    .wp-block-post-excerpt__more-link {
        --link--color: var(--wp--preset--color--accent-1);
    }

    &:hover {
        background-color: white;

        .wp-block-post-excerpt__more-link {
            --link--color: var(--wp--preset--color--accent-2);
        }
    }
}