.wp-block-post {
    position: relative;
}

.post-card {
    border-radius: var(--wp--preset--border-radius--sm);
    overflow: hidden;
    text-align: center;
    height: 100%;
    background-color: var(--base-variant);
}

.post-card__content {
    padding: var(--wp--custom--global--spacing--padding--background);
}
.post-card__content .wp-block-buttons {
    justify-content: center;
    margin-top: 24px;
}
.post-card__content .post-card__excerpt p {
    margin: var(--wp--preset--spacing--20) auto 0;
}
.post-card__content .post-card__title {
    margin: 0 !important;
}

/* Post Card Image */
.post-card__image {
    background-color: var(--wp--preset--color--base-variant);
    display: flex;
    overflow: hidden;
    
    &,
    img {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
    }

    img {
        object-fit: cover;
        transition: transform 0.3s ease;
    }
}

/* Post Card Read More */
.post-card__read-more {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
}

/* Hover Styles */
.post-card:hover .post-card__read-more-icon {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}

/* Section Styles */
.is-style-section-base-variant .post-card__read-more::before {
    background: var(--wp--preset--color--base);
}

.is-style-section-base-variant .post-card {
    background-color: var(--base);
}

.is-style-section-base-variant .post-card .wp-block-button__link.wp-element-button {
    border: 2px solid var(--contrast);
    background-color: transparent;
    color: var(--contrast);
}