← All elements
<div class="cb2"><span class="ck"></span><p>We use cookies to improve your experience.</p><div><button>No thanks</button><button class="y">Accept</button></div></div>About this layout
A friendly bottom banner with a cookie icon drawn in CSS and clear accept and decline buttons.
How it works
The cookie icon is a brown circle with an inset shadow and three small dots made from one box-shadow list. The message and two buttons wrap onto separate rows on narrow widths.
Ways to customise it
- Change the message.
- Swap which button is dark.
- Move it to the bottom of the page with position fixed.
Good to know
Offer a clear decline option of equal prominence. Real consent banners must record the choice and follow the privacy law that applies to you.
Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.