.special-offer {
    white-space: normal;
    border-color: #151E47;
    background: 100% 100% url('/images/circles.svg') no-repeat #151E47;
    padding: 16px;
}
.special-offer h3,
.special-offer .h3 {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 16px;
}
.special-offer__note {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    opacity: .6;
    margin-bottom: 12px;
}
.special-offer__props > div:not(:first-child) {
    margin-top: 12px;
}
.special-offer__props div div {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.special-offer__props div div:first-child {
    opacity: .6;
}
.special-offer .btn {
    margin-top: 16px;
}
@media (min-width: 768px) {
    .special-offer {
        position: relative;
        width: 576px;
        padding: 24px 80px 24px 24px;
        background-position: calc(100% - 68px) 0;
        background-size: auto 100%;
    }
    .special-offer__note {
        position: absolute;
        background-color: #151E47;
        font-size: 36px;
        line-height: 44px;
        padding: 12px;
        text-align: center;
        transform-origin: 100% 0;
        top: 50%;
        right: 0;
        transform: rotate(-90deg) translate(50%, -100%);
    }
    .special-offer:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        right: 0;
        width: 68px;
        background-color: #151E47;
    }
    .special-offer__props div div {
        font-size: 16px;
        line-height: 24px;
    }
    .special-offer__props div:last-child div {
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        font-weight: 700;
        opacity: 1;
    }
    .special-offer__props > div:not(:first-child) div {
        padding-top: 8px;
    }
    .special-offer__props > div:last-child div {
        padding-top: 16px;
    }
    .special-offer__props > div div:first-child {
        white-space: nowrap;
    }
    .special-offer__props > div div:last-child {
        padding-left: 12px;
    }
    .special-offer .btn {
        margin-top: 24px;
    }
    .special-offer h3,
    .special-offer .h3 {
        font-size: 36px;
        line-height: 44px;
    }
    .special-offer__props {
        display: table;
    }
    .special-offer__props > div {
        display: table-row;
    }
    .special-offer__props > div > div {
        display: table-cell;
    }
}
@media (min-width: 1260px) {
    .special-offer {
        width: auto;
    }
}