@CHARSET "UTF-8";

:root {
    --cookieInfoFontSize: 11pt;
    --cookieInfoFontSize_mobile: 11pt;
}

div#cookieInfo {
    background-color: #474747;
    bottom: 0px;
    color: #FFFFFF;
    padding: 1em;
    position: fixed;
    text-align: center;
    width: 98%;
}

div#cookieInfo .content {
    font-size: var(--cookieInfoFontSize);
    font-weight: bold;
    margin: auto;
    width: 1029px;
}

.mobile div#cookieInfo .content {
    font-size: var(--cookieInfoFontSize_mobile);
    width: inherit;
}

div#cookieInfo .content .left {
    text-align: left;
    width: 80%;
}

.mobile div#cookieInfo .content .left {
	width: inherit;
}

div#cookieInfo .content .left a {
    color: #FFFFFF;
}

div#cookieInfo .content .right {
    text-align: right;
    width: 20%;
}

.mobile div#cookieInfo .content .right {
	width: inherit;
}

div#cookieInfo .content .right button {
    background-color: #FFFFFF;
    color: #474747;
    font-size: var(--cookieInfoFontSize);
    font-weight: bold;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
}

.mobile div#cookieInfo .content .right button {
	font-size: var(--cookieInfoFontSize_mobile);
}