.cpx-promo-banner {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 490px;
    overflow: hidden;
    border-radius: 15px;
    background: linear-gradient(179.44deg, var(--cpx-brand-grey) 5.48%, #545358 20.02%);
}

.cpx-promo-banner__circle {
    position: absolute;
    pointer-events: none;
}

.cpx-promo-banner__circle--top {
    top: -15px;
    left: 99px;
}

.cpx-promo-banner__circle--title {
    top: 57px;
    left: 150px;
}

.cpx-promo-banner__circle--small {
    top: 109px;
    left: 144px;
}

.cpx-promo-banner__label {
    position: relative;
    z-index: 1;
    padding: 8px 14px 0;
    color: var(--cpx-brand-yellow);
}

.cpx-promo-banner__copy {
    position: relative;
    z-index: 1;
    margin: 28px 14px 0;
    color: var(--cpx-white-1);
}

.cpx-promo-banner__title,
.cpx-promo-banner__subtitle {
    color: inherit;
    white-space: nowrap;
}

.cpx-promo-banner__subtitle {
    text-align: right;
}

.cpx-promo-banner__action {
    position: relative;
    z-index: 1;
    margin: 4px 14px 0;
}

.cpx-promo-banner__button {
    box-sizing: border-box;
    width: 100%;
    filter: drop-shadow(0 1px 1px rgb(0 0 0 / 31%));
}

.cpx-promo-banner__photo {
    position: absolute;
    top: 120px;
    left: -80px;
    width: 306px;
    height: 380px;
    max-width: none;
    object-fit: cover;
    pointer-events: none;
}