#cookie { transition: all .2s; width: 100%; background-color: #1e1e1e; color: #828282; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: left; display: none; position: fixed; top: auto; left: 0; bottom: 0; z-index: 200; } #cookie-text { padding: 15px 46px 15px 20px; } #cookie-link { transition: border .3s ease-in-out; text-decoration: none; display: inline; border-bottom: 1px solid #ccc; color: #ccc; } #cookie-link:hover { border-botttom-color: transparent; } #cookie-close { float: right; width: 46px; height: 46px; display: inline-block; overflow: hidden; text-indent: -999em; top: 0; right: 0; position: absolute; } #cookie-close::before, #cookie-close::after { content: ''; cursor: pointer; width: 14px; height: 1px; display: block; background-color: #9E9E9E; position: absolute; top: 23px; left: 12px; transition: background-color .2s; } #cookie-close::before { transform: rotate(45deg); } #cookie-close::after { transform: rotate(-45deg); } #cookie-close:hover::before, #cookie-close:hover::after { background-color: #e4e4e4; }