#cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 520; color: #E6E6E6; background-color: rgba(86, 86, 86,0.9); display: none; padding: 2em; box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); }
#cookie-bar .inner { max-width: 60%; padding-left: 20px; padding-right: 20px; }
#cookie-bar .inner:after { content: ''; display: block; clear: both; }
#cookie-bar .cookie-text { float: left; width: 80%; font-size: .8rem }
#cookie-bar .cookie-text a { text-decoration: underline; }
#cookie-bar .cookie-ok { width: 20%; float: right; text-align: right; }
#cookie-bar .cb-enable { background: transparent; border: solid 1px #E6E6E6; color: #E6E6E6; padding: .4em 1.5em; border-radius: 2em; text-decoration: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
#cookie-bar .cb-enable:hover { background: #E6E6E6; color: #000000; box-shadow: rgba(0, 0, 0, 0.419608) 0px 8px 16px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 35px 0px, rgba(0, 0, 0, 0.2) 0px 6px 14px -4px; }
#cookie-bar .cb-enable, #cookie-bar .cookie-text a { transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }