.key-highlight {
    position: relative;
    height: 100%;
    padding: var(--key-highlight-padding);
    overflow: hidden;
    background-color: var(--post-view-more-background);
    z-index: 1
}

/* .key-highlight.bg--img,
.key-highlight[style*="background-color: #174174;"] {
    color: var(--inverted-text-color)
} */

.key-highlight .heading--1 {
    width: 66%;
    margin-bottom: 4.625rem
}

.key-highlight .heading--sub {
    color: inherit
}

.key-highlight ol:last-of-type,
.key-highlight ul:last-of-type,
.key-highlight p:last-of-type {
    margin-bottom: 0
}

.key-highlight *[class|=heading]+.button__wrapper {
    margin-top: 0
}

.key-highlight .button__wrapper {
    height: 100%;
    margin-top: var(--spacing-2);
    display: flex;
    align-items: flex-end
}

.key-highlight .grid__content {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.key-highlight .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1024px) {
    .key-highlight .heading--1 {
        width: 84%
    }
}

@media only screen and (max-width: 768px) {
    .key-highlight .heading--1 {
        width: 100%
    }
}