.elementor-widget-html iframe[src*="youtube"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
}

/**
 * Prevents the site styles from messing up the Cookiebot
 * banner and dialog styles.
 */

#CybotCookiebotDialog,
#CookiebotWidget {

    ol li,
    ul li {
        list-style: none !important;
        
        &:before {
            display: none !important;
        }
    }

    /* Prevents the site button styles to overwrite the following */
    button {
        box-shadow: none !important;
        text-transform: none !important;
    }

    /* Fixes the checkbox not working on some sites due to
    checked and unchecked versions being position absolute. */
    [type="checkbox"] {
        position: static !important;
    }
}

/* Noticed on some sites the button wasn't aligned with the checkbox. */
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
    align-items: flex-start !important;
    gap: 1rem !important;
}

/*  Nice looking "Please accept cookies" message */
div.cookieconsent-optout-marketing,
div.cookieconsent-optout-statistics,
div.cookieconsent-optout-preferences {
    &:not(#boost) {
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.9);
        background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));
        color: white;
        padding: 1rem !important;
        text-align: center;

        a {
            color: white;
            text-decoration: underline;

            &:active,
            &:focus,
            &:hover {
                text-decoration: none;
            }
        }
    }
}