.post-row{
    @apply grid-container border-t border-black py-xs;
    @at-root :where(.grid-container) .post-row{
        @apply mx-0 px-0;
    }
    &--border-grey{
        @apply border-grey-200;
    }
    &__inner{
        @apply lg:grid grid-cols-2 gap-x-[calc(var(--grid-gutter)*2)]
    }
    &-title{
        @apply text-size-md-lg font-bold mb-md inline-block;
    }
    &-date{
        @apply text-size-md-lg;
        /* div{
            @apply flex flex-col;
            span{
                &:last-child:not(:first-child){
                    @apply text-grey-300 relative line-through;
                }
            }    
        } */
    }
    &__footer{
        @apply mt-lg;
    }
    &--expired, &--completed{
        .post-row-date{
            span{
                @apply text-grey-300;
            }
        }
        .post-row-title{
            @apply text-grey-300;
        }
        .block-grid-list{
            p{
                @apply text-grey-300;
            }
        }
    }
}