<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="cookie"> <div class="txt"> <p class=""> By using Your Website Name,<br> you agree to our <a href="#" target="_blanck">Cookie Policy.</a> </p> </div> <div> <a class="btn accept">Accept</a> </div> </section>

body{background-color: #190E2E;} .cookie{ width: 420px; height: 72px; background-color: #fff; position: fixed; bottom: 88px; border-radius: 10px; left: 5%; padding: 10px 20px; } .cookie .txt{ float: left; width: 65%; } .txt p{ color:#1D2D35; } .cookie .accept { background-color: #40CC79; color: #fff !important; border-radius: 32px; padding: 3px 23px; /* align-self: center; */ font-size: 19px; margin-top: 2.5%; margin-left: 3%; } .cookie .accept:hover { background-color: #30b867; }

$(".accept").click(function(){ $(".cookie").hide(); //Enter your code hear... });