#data-policy-popup { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); max-width: 500px; background-color: #333; color: #fff; padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 9999; } #data-policy-popup a { color: #1e90ff; text-decoration: none; } #data-policy-popup .close { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 16px; } #data-policy-popup .text { margin-bottom: 10px; text-align: center; } @media(min-width: 768px) { #data-policy-popup { flex-direction: row; justify-content: space-between; padding: 20px; } #data-policy-popup .text { text-align: left; margin-bottom: 0; } }