#privacy-bar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #222; color: #eee; padding: 15px 20px; box-sizing: border-box; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; display: flex; align-items: center; justify-content: center; z-index: 10000;} #privacy-bar a { color: #1e90ff; text-decoration: none;} #privacy-bar a:hover, #privacy-bar a:focus { text-decoration: underline;} #privacy-bar .close-btn { position: absolute; top: 8px; right: 15px; color: #eee; background: transparent; border: none; font-size: 20px; font-weight: bold; cursor: pointer; line-height: 1; padding: 0; } #privacy-bar .close-btn:focus { outline: 2px solid #1e90ff; outline-offset: 2px;} @media (max-width: 480px) { #privacy-bar { font-size: 12px; padding: 12px 15px; }} @media (min-width: 768px) { #privacy-bar { font-size: 15px; padding: 15px 25px; }}