.consent-studio .cookie-banner {
    max-width: 505px !important;
}

.consent-studio .cookie-toggle {
	opacity:0.3;
}

@media screen and (min-width: 767px) {
    .cookie-banner__buttons {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        grid-gap: 10px !important;
    }

    .cookie-banner__buttons button[cs-consent="reject"] {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-height: 52px !important;
        border: 1px solid var(--surface-secondary) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: var(--padding-base) !important;
        background-color: #fff !important;
        color: #000 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    .cookie-banner__buttons button[cs-consent="selection"] {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-height: 52px !important;
        border: 1px solid var(--surface-secondary) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: var(--padding-base) !important;
        background-color: #fff !important;
        color: #000 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    .cookie-banner__buttons button[cs-consent="all"] {
        grid-column: 1 / span 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        background-image: linear-gradient(121deg, #fb9f0a, #f66604) !important;
        padding: 19px 25px 17px 25px !important;
        outline: none !important;
        border: none !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        text-align: center !important;
        border-radius: 0 !important;
    }

    .cookie-banner__buttons button[cs-consent="reject"]:hover,
    .cookie-banner__buttons button[cs-consent="selection"]:hover {
        background-color: var(--surface-secondary-hover) !important;
        color: var(--typography-tertiary) !important;
    }

    .cookie-banner__buttons button[cs-consent="all"]:hover {
        background-image: linear-gradient(155deg, #f66604 0%, #fb9f0a 100%) !important;
    }
}

@media screen and (max-width: 767px) {
    .cookie-banner__buttons button[cs-consent="reject"],
    .cookie-banner__buttons button[cs-consent="selection"] {
        border: 1px solid #ccc !important;
        background-color: #fff !important;
        color: #333 !important;
        border-radius: 0 !important;
    }

    .cookie-banner__buttons button[cs-consent="reject"]:hover,
    .cookie-banner__buttons button[cs-consent="selection"]:hover {
        background-color: #f5f5f5 !important;
        color: #000 !important;
    }

    .cookie-banner__buttons button[cs-consent="all"] {
        background-image: linear-gradient(121deg, #fb9f0a, #f66604) !important;
        border-radius: 0 !important;
        color: #fff !important;
        outline: none !important; /* Remove focus outline */
        box-shadow: none !important; /* Remove orange focus border */
    }

    .cookie-banner__buttons button[cs-consent="all"]:hover {
        background-image: linear-gradient(155deg, #f66604 0%, #fb9f0a 100%) !important;
    }

    .cookie-banner__buttons button[cs-consent="all"]:focus {
        outline: none !important; /* Ensure no outline on focus */
        box-shadow: none !important; /* Remove any focus ring */
    }
    .consent-studio .cookie-banner.feature--highlight-aa .cookie-banner__buttons button[cs-consent="all"] {
    border: none !important; /* Remove the orange border */
    flex-grow: unset !important; /* Reset flex-grow if not needed */
}

}