:root {
    --info-promo-padding: calc(var(--gap) * 3 + (var(--gap) * 5)) calc(var(--gap) * 5/2) calc(var(--gap) * 5);
    --info-promo-img-height: 90px;
    --info-promo-text-max-width: 780px;
}

.info_promo_block {
    background: url("/static/carempire/imgs/index/promo_h1_ellipse.png");
    padding: var(--info-promo-padding);
    background-position: center;
    gap: calc(var(--gap) * 5/2);
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
}

.info_promo_block > .info_promo_link {
    text-decoration: none;
    display: flex;
}

.info_promo_block > .info_promo_link > .info_promo_img {
    height: var(--info-promo-img-height);
    transition: var(--transition);
}

.info_promo_block > .info_promo_link:hover > .info_promo_img {
    scale: 1.03;
}

.info_promo_block > .info_promo_text_block {
    max-width: var(--info-promo-text-max-width);
    text-align: center;
    width: 100%;
}

.info_promo_block > .info_promo_text_block > .info_promo_title,
.info_promo_block > .info_promo_text_block > .info_promo_text {
    letter-spacing: var(--span-letter-spacing);
    line-height: var(--span-line-height);
    font-weight: var(--span-font-weight);
    font-size: var(--span-font-size);
    color: var(--hover-text-color);
    text-transform: none!important;
    text-align: center;
    display: inline;
    margin: 0;
}

@media only screen and (max-width: 760px) {
    :root {
        --info-promo-padding: calc(var(--gap) * 8) calc(var(--gap) * 5/2) calc(var(--gap) * 5);
        --info-promo-img-height: 75px;
    }
}

@media only screen and (max-width: 560px) {
    :root {
        --info-promo-img-height: 60px;
    }
}