.os-resource {
    width: 100%;
    margin: var(--os-space-l) auto;
    background-image: var(--os-base-gradient);
    border-radius: var(--os-radius-m);
    padding: var(--os-space-l);
}
.os-resource.breakout-image {
    margin-top: var(--os-space-xl);
}
.os-resource .os-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--os-column-gap);
}
.os-resource__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
p.os-resource__lede {
    font-size: var(--wp--preset--font-size--small);
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.5;
}
h3.os-resource__title {
    margin: 0;
    color: var(--os-accent);
}
.os-resource__text {
    margin-top: var(--os-space-s);
    color: white;
}
.os-resource .os-button {
    margin-top: var(--os-space-m);
    font-size: var(--wp--preset--font-size--small);
}
.os-resource img.breakout-image {
    margin-top: calc((var(--os-space-l) * -1) - var(--os-space-l));
    margin-bottom: calc(var(--os-space-l) * -0.8);
}
.os-resource__media img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .os-resource .os-container {
        grid-template-columns: 1fr;
    }
    .os-resource__media {
        order: -1;
    }
}