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

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

/* Post Card Label */
.post-card__label {
    background-color: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--base);
    padding: var(--wp--preset--spacing--10);
    border-radius: var(--wp--custom--global--border--radius--base);
    position: absolute;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
    top: var(--wp--preset--spacing--30);
    left: var(--wp--preset--spacing--30);
    padding: 4px 12px;
    z-index: 1;
}

/* Post Card Read More */
.post-card__read-more {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
    margin-top: var(--wp--preset--spacing--40);
    &::before {
        content: "\ea1c";
        font-family: 'icomoon';
        font-size: 12px;
        line-height: 1;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding: 0;
        background-color: var(--wp--preset--color--base-variant);
        color: var(--wp--preset--color--primary-light);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.3s ease, background-color 0.3s ease;
    }
}

/* Hover Styles */
.post-card:hover .post-card__read-more::before {
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--base);
}
.post-card:hover .post-card__image img {
    transform: scale(1.05);
}

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