body.blog {
    .wp-block-post-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 3em;

        a {
            border-bottom: none;
        }
    }

    .wp-block-query {
        li.wp-block-post {
            &:hover {
                .wp-block-post-title a {
                    color: var(--wp--preset--color--red-200);
                    transition: color 0.3s;
                }
            }
        }
    }

    .wp-block-query-pagination>div {
        display: flex;
        gap: var(--wp--preset--spacing--60);

        span.current,
        a {
            border-radius: 50%;
            padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
            font-size: var(--wp--preset--font-size--small);
        }

        span.current {
            color: var(--wp--preset--color--black-300);
        }

        a {
            color: var(--wp--preset--color--white);
            text-decoration: none;
            background-color: var(--wp--preset--color--blue-100);
            border: 1px solid transparent;

            &:hover {
                transition: background-color 0.3s;
                color: var(--wp--preset--color--blue-100);
                background-color: var(--wp--preset--color--white);
                border: 1px solid var(--wp--preset--color--blue-100);
            }
        }

    }

    .wp-block-query-pagination-next,
    .wp-block-query-pagination-previous {
        color: var(--wp--preset--color--black-300);
        text-decoration: none;
    }
}

body.single-post {
    figure.wp-block-post-featured-image {
        max-height: none !important;

        img {
            object-fit: contain;
            object-position: center;
            max-height: none !important;
            width: 100%;
            height: auto;
            display: block;
        }
    }
}