/* BLOCK: Post Features */

.block-post-features {
    color: var(--c-primary);
}

.block-post-features .text-content:not(:last-child) {
    margin-bottom: 5rem;
}

.block-post-features .text-content > * {
    margin: 0;
}

.block-post-features .text-content > :not(:last-child) {
    margin-bottom: 1em;
}

.block-post-features .features-wrapper {
    /* columns: auto 21.25rem; */
    columns: auto 16rem;
    column-gap: 1.25rem;
}

.block-post-features .feature-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.block-post-features .feature-group:not(.enable-break) {
    break-inside: avoid-column;
}

.block-post-features .feature-label {
    font-weight: 600;
    font-size: var(--font-16-12);
    color: var(--c-bg-dark);
}

.block-post-features .feature-list {
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.block-post-features .feature-single {
    display: flex;
    align-items: baseline;
    gap: 0.9375rem;
    font-size: var(--font-19-15);
}

.block-post-features .feature-single svg {
    flex-shrink: 0;
    max-width: 0.9375rem;
    max-height: 0.9375rem;
    color: var(--c-secondary);
}

@media screen and (width <= 620px) {
    .block-post-features .text-content:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .block-post-features .feature-group {
        margin-bottom: 0.9375rem;
    }

    .block-post-features .feature-list {
        flex-basis: 62%;
        gap: 0.9375rem;
    }

    .block-post-features .feature-single {
        gap: 0.625rem;
    }

    .block-post-features .feature-single svg {
        max-width: 0.75rem;
        max-height: 0.75rem;
    }
}