.header_promo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(0px + 14* var(--scale));
    height: calc(0px + 48* var(--scale));
    background-color: var(--main-color);
    color: white;
}


.header_promo-green {
    background-color: var(--new-color);
    color: white;
    border-radius: 3px;
    padding: 5px 12px;
    font-size: calc(0px + 16 * var(--scale));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header_promo-white {
    color: var(--main-color);
    background-color: white;
    border-radius: 3px;
    padding: 3px 12px;
    text-decoration: none;
    font-size: calc(0px + 18 * var(--scale));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.header_promo-text {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: calc(0px + 18* var(--scale));
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.header_promo-text::after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.3 10.85C9.1 10.65 9.004 10.4083 9.012 10.125C9.02 9.84167 9.12434 9.6 9.325 9.4L12.15 6.575H1C0.71667 6.575 0.479004 6.479 0.287004 6.287C0.0950036 6.095 -0.000663206 5.85767 3.4602e-06 5.575C3.4602e-06 5.29167 0.0960036 5.054 0.288004 4.862C0.480004 4.67 0.717337 4.57433 1 4.575H12.15L9.3 1.725C9.1 1.525 9 1.28733 9 1.012C9 0.736666 9.1 0.499333 9.3 0.3C9.5 0.0999997 9.73767 0 10.013 0C10.2883 0 10.5257 0.0999997 10.725 0.3L15.3 4.875C15.4 4.975 15.471 5.08333 15.513 5.2C15.555 5.31667 15.5757 5.44167 15.575 5.575C15.575 5.70833 15.554 5.83333 15.512 5.95C15.47 6.06667 15.3993 6.175 15.3 6.275L10.7 10.875C10.5167 11.0583 10.2877 11.15 10.013 11.15C9.73834 11.15 9.50067 11.05 9.3 10.85Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: calc(0px + 16* var(--scale));
    height: calc(0px + 14* var(--scale));
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media (max-width: 767px) {
    .header_promo {
        height: calc(0px + 140 * var(--scale));
    }
    .header_promo-green {
        font-size: calc(0px + 50 * var(--scale));
        padding: 5px 12px;
    }
    .header_promo-white {
        font-size: calc(0px + 55 * var(--scale));
        padding: 4px 12px;
    }
    .header_promo-text {
        font-size: calc(0px + 45 * var(--scale));
    }
    .header_promo-text::after {
        width: calc(0px + 48 * var(--scale));
        height: calc(0px + 42 * var(--scale));
    }
}