<div class="is-fixed is-bottom-0 is-right-0 p-8" style="z-index: 50;">
<div class="p-6 pl-12-desktop is-flex is-flex-wrap-wrap is-relative has-background-white is-align-items-end">
<div class="mt-n2 is-absolute is-top-0 has-background-white" style="width: 24px; height: 24px; transform: rotate(45deg);"></div>
<div class="has-mw-md">
<h5 class="title is-4 mb-2 has-text-weight-bold">Cookies settings</h5>
<p class="has-text-grey-dark mb-0">By clicking Accept, you agree to the storing of cookies on your device to enhance site navigation...</p>
</div>
<div class="buttons mt-6 mt-0-tablet">
<a class="button is-ghost" href="#">
<span class="mr-2">More</span>
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.0871 7.41489L19.3999 14.102L18.564 13.2661L24.2439 7.58625L0.592385 7.59043L0.592385 6.41183L24.2439 6.40765L18.982 1.14571L19.8179 0.309822L26.0871 6.579C26.3179 6.80984 26.3179 7.18406 26.0871 7.41489Z" fill="currentColor"></path>
</svg>
</a>
<a class="button is-primary" href="#">Accept</a>
</div>
</div>
</div>Framework
Bulma
UI Library
Yofte E-commerce
Component #1
Cookies Components by Shuffle
Choose from 5 variations of Bulma Cookies components. Presented here are variants available in Yofte library.
Get access to all Bulma Cookies components, code and our visual editor. Try the demo for free!
Component #2
Component #3
Component #4
Component #5
