.legacy-feature-section--transport {
    margin-top: 0;
    background-image:
        linear-gradient(90deg, rgba(10, 14, 22, 0.44), rgba(10, 14, 22, 0.04)),
        url("../../../img/legacy_2015/images/buenosaires-bahiablanca.png");
}

.legacy-feature-section--transport::before {
    background:
        linear-gradient(90deg, rgba(8, 15, 27, 0.38), rgba(255, 255, 255, 0.08)),
        radial-gradient(circle at 26% 24%, rgba(17, 178, 248, 0.2), transparent 34%),
        radial-gradient(circle at 84% 62%, rgba(80, 77, 249, 0.22), transparent 34%);
}

.legacy-feature-layout--right {
    justify-content: flex-end;
}

.legacy-feature-panel--light {
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.58)),
        rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 1.4rem 2.8rem rgba(13, 22, 42, 0.16);
}

.legacy-feature-panel--light .legacy-feature-kicker {
    color: var(--text-copy);
}

.legacy-feature-panel--light .legacy-feature-kicker-icon {
    filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(4%) hue-rotate(167deg) brightness(95%) contrast(84%);
}

.legacy-feature-panel--light h2 {
    color: var(--text-main);
}

.legacy-feature-panel--light h2::after {
    background: linear-gradient(
        90deg,
        rgba(8, 71, 124, 0),
        rgba(8, 71, 124, 0.18) 18%,
        rgba(8, 71, 124, 0.32) 50%,
        rgba(8, 71, 124, 0.18) 82%,
        rgba(8, 71, 124, 0)
    );
}

.legacy-feature-panel--light p {
    color: var(--text-copy);
}

@media (max-width: 760px) {
    .legacy-feature-layout--right {
        justify-content: flex-start;
    }
}