.cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: linear-gradient(90deg, #ff7e5f, #feb47b); color: #fff; padding: 15px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; z-index: 10000; } .close-icon { cursor: pointer; font-size: 20px; margin-left: 15px; } @media (max-width: 767px) { .cookie-banner { flex-direction: column; text-align: center; } } @media (min-width: 768px) and (max-width: 1024px) { .cookie-banner { padding: 20px; } }