.cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    padding: 10px;
    text-align: center;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 100 !important;
    transition: transform 1s ease-in-out; /* Add smooth transition for appearing/disappearing */
    transform: translateY(100%); /* Initially hide the banner off-screen */
}

.cookie-banner.show {
    transform: translateY(0); /* Bring the banner into view */
    transition: transform 0.5s ease-in-out;
}

.cookie-banner p {
    margin: 0;
}

.cookie-banner a {
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.cookie-banner a:hover {
    color: #FFFFFF;
}

/* Adjustments for responsive design */
.table-wrapper {
    overflow-x: auto; /* Enable horizontal scrolling for small screens */
    width: 100%; /* Ensure table wrapper takes full width */
    text-align: center; /* Center align table inside wrapper */
}

table {
    display: inline-block; /* Ensure table is not stretched to full width */
}

/* Responsive adjustments for mobile devices */
@media screen and (max-width: 600px) {
    .cookie-banner {
        left: 0; /* Align banner to the left on mobile */
        text-align: left !important; /* Align text to the left on mobile */
    }
	.table-wrapper {
    text-align: left; /* Left align table on mobile */
}
}

/* Center the banner on desktop */
@media screen and (min-width: 601px) {
    .cookie-banner {
        left: 0;
        transform: translateX(-50%);
        text-align: center; /* Center align text on desktop */
    }
}