:root {
    --content-roundrect-rows-gap: 140px;
    --content-roundrect-columns-gap: 100px;
}
section.content-roundrect {
    position: relative;
    overflow: hidden;
}
section.content-roundrect .section-bkgd {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -100;
    background-color: #fff;
}
section.content-roundrect .section-bkgd svg#roundrect,
section.content-roundrect .section-bkgd.top-left svg#roundrect {
    position: absolute;
}
section.content-roundrect .section-bkgd svg#roundrect,
section.content-roundrect .section-bkgd.top-left svg#roundrect {
    bottom: 0;
    right: 27%;
}
section.content-roundrect .section-bkgd.top-right svg#roundrect {
    bottom: 0;
    left: 27%;
    transform: scaleX(-1);
}
section.content-roundrect .section-bkgd.bottom-left svg#roundrect {
    top: 0;
    right: 27%;
    transform: scaleY(-1);
}
section.content-roundrect .section-bkgd.bottom-right svg#roundrect {
    top: 0;
    left: 27%;
    transform: scale(-1, -1);
}
section.content-roundrect .section-content {
    display: flex;
    flex-direction: column;
    gap: 140px 0;
    width: var(--content-width);
    margin: 0 auto;
    padding: 70px 0 100px 0;
}
section.content-roundrect .section-content .row {
    display: flex;
    flex-direction: row;
    gap: 50px 100px;
}
section.content-roundrect .section-content .row .col {
    display: flex;
    flex-direction: column;
    gap: 50px 0;
    width: 100%; /* Will be overriden by inline width set by module width field, if set */
}
section.content-roundrect .section-content .row .col img {
    border-radius: var(--border-radius);
}
section.content-roundrect .section-content .row .col .hs-video-container {
    overflow: hidden;
    border-radius: var(--border-radius);
}
section.content-roundrect .section-content .buttons, /* Deprecated class superseded by .buttons-row */
section.content-roundrect .section-content .buttons-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 25px;
}

@media only screen and (max-width: 880px) {
    section.content-roundrect .section-bkgd svg#roundrect,
    section.content-roundrect .section-bkgd.top-left svg#roundrect {
        /* right: 12%; /* Design value—looks bad IRL; TODO: Delete */
        right: 0%;
    }
    section.content-roundrect .section-bkgd.top-right svg#roundrect {
        /* left: 12%; /* Design value—looks bad IRL; TODO: Delete */
        left: 0%;
    }
    section.content-roundrect .section-bkgd.bottom-left svg#roundrect {
        /* right: 12%; /* Design value—looks bad IRL; TODO: Delete */
        right: 0%;
    }
    section.content-roundrect .section-bkgd.bottom-right svg#roundrect {
        /* left: 12%; /* Design value—looks bad IRL; TODO: Delete */
        left: 0%;
    }
    section.content-roundrect .section-content .row {
        flex-direction: column;
    }
    section.content-roundrect .section-content .row .col {
        width: 100% !important; /* Overrides inline width set by module width field, if set, to make single column */
    }
}