.consent-mode-v2-button-toggle {
    background-color: #e31d1a;
    border-radius: 100rem;
    color: white;
    cursor: pointer;
    display: block;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    width: 5rem;
    height: 5rem;
    z-index: 999998;

    &::after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Ccircle cx='8.5' cy='8.5' r='.5' fill='%23FFFFFF'/%3E%3Ccircle cx='16' cy='15.5' r='.5' fill='%23FFFFFF'/%3E%3Ccircle cx='12' cy='12' r='.5' fill='%23FFFFFF'/%3E%3Ccircle cx='11' cy='17' r='.5' fill='%23FFFFFF'/%3E%3Ccircle cx='7' cy='14' r='.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.consent-mode-v2 {
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999999;
    width: 100%;
    height: 100%;
    overflow: auto;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    input {
        margin: initial;
        padding: initial;
    }

    .consent-mode-v2-main {
        background-color: white;
        color: black;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        width: 100%;
        max-width: 720px;

        .consent-mode-v2-header {
            font-size: 2em;
            font-weight: bold;
        }

        .consent-mode-v2-body {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .consent-mode-v2-footer {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1rem;
        }
    }

    .consent-mode-v2-option {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        gap: 1rem;

        input {
            display: block;
            color: white;
            width: 2rem;
            height: 2rem;
        }

        .consent-mode-v2-option-text {
            width: 0%;
            flex-grow: 1;
        }
    }

    .consent-mode-v2-button {
        border: 1px solid #e31d1a;
        cursor: pointer;
        display: block;
        padding: 1rem;

        &.consent-mode-v2-button-accept {
            background-color: #e31d1a;
            color: white;
        }

        &.consent-mode-v2-button-save {
            background-color: #e31d1a;
            color: white;
        }
    }

    &:not(.open) {
        .consent-mode-v2-body {
            display: none;
        }

        .consent-mode-v2-button-save {
            display: none;
        }
    }

    &.open {
        .consent-mode-v2-button-reject {
            display: none;
        }

        .consent-mode-v2-button-accept {
            display: none;
        }
    }
}