/* @group Features and icon lists
------------------------------------ */
.features-and-icon-lists {
    position: relative;
    overflow: hidden;
    padding: 0 2rem;
}
.features-and-icon-lists h2,
.features-and-icon-lists h3,
.features-and-icon-lists p {
    color: var(--johannes-100);
}
.features-and-icon-lists .column-left h3 {
    margin: 0 0 .8rem;
}
.features-and-icon-lists .column-left h2 {
    margin: 0 0 3.2rem;
}
.features-and-icon-lists .column-left .wp-block-buttons {
    margin: 3.2rem 0 0;
    column-gap: 2.4rem;
}
.features-and-icon-lists .icons-container {
    margin: 3.2rem 0 0;
    flex-wrap: wrap!important;
    gap: 2.4rem!important;
}
.features-and-icon-lists .icons-container .wp-block-column {
    min-width: calc(50% - 2.4rem);
}
.features-and-icon-lists .icons-container figure,
.features-and-icon-lists .icons-container h3 {
    margin: 0 0 1.2rem;
}
.features-and-icon-lists .icons-container h3 {
    max-width: 80%;
}


@media only screen
and (min-width : 961px) {
    .features-and-icon-lists {
        padding: 0;
    }
    .features-and-icon-lists .icons-container {
        margin: 0;
        gap: 4rem !important;
    }
    .features-and-icon-lists .icons-container .wp-block-column {
        min-width: calc(50% - 4rem)!important;
    }
    .features-and-icon-lists .column-left h2 {
        margin: 0 0 4rem;
    }
    .features-and-icon-lists .icons-container h3 {
        max-width: 100%;
    }
    .features-and-icon-lists .column-left .wp-block-buttons {
        margin: 3.2rem 0 0;
    }
    .features-and-icon-lists .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {
        --_padding-inline: 2rem;
        width: 17rem !important;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .features-and-icon-lists .column-left .wp-block-button:not(:last-child) {
        margin: 0 0 1.2rem;
    }
    .features-and-icon-lists .column-left .wp-block-button,
    .features-and-icon-lists .column-left .wp-block-button__link {
        width: 100%;
    }
}

/* @end */
