.at-headerPromotion {
    max-width: 450px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.at-headerPromotion__content * {
    font-family: var(--siteFontCondensed);
    overflow-wrap: normal;
    word-break: break-word;
}

.at-headerPromotion__link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    border: solid 2px #fff;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}

.at-headerPromotion__link:hover {
    background: rgba(0,0,0,0.4);
}

.at-headerPromotion h2 {
    font-size: 1.3rem;
    font-weight: 700;
}

.at-headerPromotion h2,
.at-headerPromotion p {
    margin: 0;
}

.at-headerPromotion img {
    margin: 10px 0;
}

@media (min-width: 768px) {
    .at-headerPromotion__link {
        padding: 2rem;
    }
}

@media (min-width: 992px) {
    .at-headerPromotion {
        top: 20%;
        right: 0;
        width: auto;
        padding: 0;
    }

    .at-headerPromotion__link {
        border-right: 0;
    }

    .at-headerPromotion h2 {
        font-size: 1.9rem;
    }
}

@media (min-width: 1280px) {
    .at-headerPromotion {
        top: inherit;
        bottom: 10%;
    }
}