/*
 * Compact consent controls and fixed social rail.
 *
 * The controls should stay easy to tap without taking over the bottom of a
 * phone viewport or competing with the page content.
 */
.cookie-bar {
    gap: 8px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.cookie-bar p {
    max-width: 520px !important;
}

.cookie-bar__btns {
    gap: 8px !important;
}

.cookie-bar__btns .btn,
.cookie-bar__btns button {
    min-height: 0 !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .35px !important;
}

.etc-social-rail {
    right: 10px !important;
}

.etc-social-rail__link {
    width: 34px !important;
    height: 34px !important;
}

.etc-social-rail__link svg {
    width: 18px !important;
    height: 18px !important;
}

@media (max-width: 767px) {
    .cookie-bar {
        gap: 6px !important;
        padding: 7px 10px !important;
    }

    .cookie-bar p {
        flex: 1 1 100% !important;
        max-width: none !important;
        font-size: 11px !important;
    }

    .cookie-bar__btns {
        width: 100% !important;
        justify-content: flex-end !important;
    }

    .cookie-bar__btns .btn,
    .cookie-bar__btns button {
        padding: 7px 14px !important;
        font-size: 10px !important;
    }
}