#btla-measurement-choice {
    --btla-cookie-bottom: max(18px, env(safe-area-inset-bottom));
    inset: auto 0 var(--btla-cookie-bottom);
    width: min(640px, calc(100% - 24px));
    max-height: calc(100dvh - var(--btla-cookie-bottom) - 64px);
    margin: 0 auto;
    padding: 20px 22px;
    border: 1px solid #668f87;
    border-top: 4px solid #005c66;
    border-radius: 14px;
    box-shadow: 0 10px 38px rgba(0, 40, 43, 0.27);
    overscroll-behavior: contain;
}

#btla-measurement-choice h2 {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.25;
}

#btla-measurement-choice > p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.45;
}

#btla-measurement-choice > .btla-consent-privacy {
    margin: 10px 0 0;
    font-size: 13px;
}

#btla-measurement-choice .btla-consent-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

#btla-measurement-choice .btla-consent-actions button {
    min-height: 44px;
    padding: 8px 9px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.25;
}

#btla-measurement-choice .btla-consent-actions [data-consent-settings] {
    grid-column: auto;
}

#btla-measurement-choice .btla-consent-actions :is([data-consent-accept], [data-consent-deny]):hover {
    background: #005c66;
}

@media (max-width: 760px) {
    .btla-mobile-bar-visible #btla-measurement-choice {
        --btla-cookie-bottom: calc(74px + env(safe-area-inset-bottom));
    }

    #btla-measurement-choice {
        padding: 15px;
    }

    #btla-measurement-choice .btla-consent-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #btla-measurement-choice .btla-consent-actions [data-consent-settings] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1160px) {
    body:has(#btla-spg-dialog[open]) #btla-measurement-choice {
        right: auto;
        left: 18px;
    }
}