JSFiddle - React, Tailwind, and code Playground

by AaronLayton

HTML

<div id="evCN">
    <p>This website uses 'cookies' to give you the best, most relevant experience. Using this website means you’re Ok with this.</p>
    <p>To find out more about cookies or change which ones are set please following this <a href="http://www.mirror.co.uk/cookie-policy/">Cookie Policy</a>.</p>
</div>

CSS

#evCN { /* evCookieNotification - smaller name for faster sending */
    
    background: #DAE9ED url('//www.eventuresecure.com/cookie/cookie_notification_bg.jpg') repeat-x top left ;
    border: 1px solid #A2ACB1;
    display: block;
    padding: 15px 15px 0;
    
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 280px;
    z-index: 9999;
    
    border-radius: 5px;
    -webkit-box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 0px 15px rgba(0,0,0,0.2);
    box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.2);
    
    color: #5A6466;
    font-family:Tahoma, Arial, Verdana;
    font-size:13px;
    font-weight:normal;
    line-height:20px;
    text-align: center;
   
}
#evCN p { margin:0 0 15px;padding:0; }
#evCN a { font-family:Tahoma, Arial, Verdana;
    font-size:13px;
    font-weight:normal;
    line-height:20px;
    text-align: center;
    text-decoration:none;
    color:#0263AA;
}
#evCN a:hover { color:#0263AA;text-decoration:underline; }