/* =========================
   MOBILE / TABLET
========================= */

@media (max-width: 1023px) {

    #CybotCookiebotDialog {
        width: 88% !important;
        max-width: 420px !important;

        padding: 10px !important;

        min-height: unset !important;

        border-radius: 8px !important;
    }

    #CybotCookiebotDialogBody {
        padding: 0 !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 10px !important;
        line-height: 1.25 !important;

        margin: 6px 0 !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper {
        gap: 6px !important;

        margin-top: 8px !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper button {
        min-height: 28px !important;

        padding: 4px 8px !important;

        font-size: 8px !important;

        border-radius: 4px !important;
    }

    #CybotCookiebotDialogBodyButtonDecline {
        white-space: nowrap !important;
    }

    #CybotCookiebotDialogNav {
        padding-bottom: 4px !important;
    }

    #CybotCookiebotDialogPoweredbyCybot {
        transform: scale(.65);
        transform-origin: right top;
    }
}

/* =========================
   DESKTOP
========================= */

@media (min-width: 1024px) {

    #CybotCookiebotDialog {
        padding: 8px 16px !important;

        min-height: unset !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper button {
        min-height: 32px !important;

        padding: 6px 12px !important;

        font-size: 10px !important;
    }
}