#cookie-notice { display: none; position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; line-height: 20px; left: 0; text-align: center; } #cookie-notice a { color: inherit; } @media screen and (min-width:900px) { #cookie-notice { text-align: start; } .cookie-notice-container { display: flex; flex-wrap: nowrap; justify-content: space-around; margin: 0 auto; align-items: center; } #cn-notice-text { display: inline-block; max-width: 80em; margin-right: 1em; } } .cn-top { top: 0; } .cn-bottom { bottom: 0; } @media all and (max-width:900px) { .cookie-notice-container span { display: block; } /* Add margin-top to button for Baseline theme */ #cookie-notice .button { margin-top: calc(1.375vh + 0.625vw + 2px); } /* Removing margin-bottom from notice text for Baseline theme */ #cookie-notice .mobile-margin-bottom-normal { margin-bottom: 0; } } /* Customising accept text button for Baseline theme*/ #cookie-notice .button { text-transform: uppercase; white-space: nowrap; }