/* Строка голосом Эстер над Level I и мостик к Level III
   в конце страниц Level I и II (templates/partials/). */

.level-voice p {
    margin: 26px 0 0;

    font-family: var(--font-header);
    font-size: clamp(19px, 2.2vw, 24px);
    font-style: italic;
    line-height: 1.45;

    color: var(--butterfly-deep);
}

.level-bridge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;

    max-width: 900px;
    margin: 0 auto;
    padding: 34px 38px;

    background: var(--bg-primary);

    /* как у блока покупки над ним */
    border-radius: 24px;
}

.level-bridge-text {
    flex: 1 1 320px;
    margin: 0;

    font-family: var(--font-header);
    font-size: clamp(20px, 2.2vw, 26px);
    line-height: 1.4;

    color: var(--white);
}

.level-bridge-button {
    background: transparent;
    border: 1px solid var(--accent-gold);
    border-radius: 2px;

    color: var(--white);
}

@media (hover: hover) {

    .level-bridge-button:hover {
        background: var(--accent-gold);
        border-color: var(--accent-gold);
        color: var(--bg-primary);
    }
}

@media (max-width: 700px) {

    .level-bridge {
        padding: 28px 22px;
    }

    .level-bridge-button {
        width: 100%;
    }
}