.wp-block-post-link {
    --interact-x: 50%;
}

.wp-block-post-link .wp-block-post-featured-image {
    border-bottom-right-radius: 2rem;
    overflow: hidden;
}

.wp-block-post-link .wp-block-post-featured-image > img {
    transform-origin: var(--interact-x) 50%;
    transition: transform 0.25s ease-out;
}

.wp-block-post-link .wp-block-post-title {
    transition: color 0.25s ease-out;
}

.wp-block-post-link:focus .wp-block-post-featured-image > img,
.wp-block-post-link:hover .wp-block-post-featured-image > img {
    transform: scale(1.125);
}

.wp-block-post-link:hover .wp-block-post-title {
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-read-more::after {
    transition: padding 0.25s ease-out;
}

.wp-block-post-link:hover .wp-block-read-more::after {
    padding-left: 1em;
}

.wp-block-query .wp-block-post.format-video .wp-block-post-featured-image::after {
    background-image: url("../icons/play.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: clamp(3rem, 6vw, 6rem);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(3rem, 6vw, 6rem);
    z-index: 1;
}