* { padding: 0; margin: 0; box-sizing: border-box; } body { background: #f2f2f2; 
font-family: 'Roboto', sans-serif; } p { margin-bottom: 20px; line-height: 150%; 
} main { display: flex; justify-content: center; align-items: center; } .aviso-cookies 
{ display: none; background: #0066CC; padding: 20px; width: calc(100% - 40px); 
max-width: 1124px; line-height: 150%; border-radius: 10px; position: fixed; bottom: 
20px; left: 20px; z-index: 100; padding-top: 5px; box-shadow: 0px 2px 20px 10px 
rgba(222,222,222,.25); text-align: center; } .aviso-cookies.activo { display: 
block; } .aviso-cookies .galleta { max-width: 100px; position: absolute; top: 
-50px; left: calc(50% - 50px); } .aviso-cookies .titulo, .aviso-cookies .parrafo 
{ margin-bottom:15px; } .aviso-cookies .boton { width: 100%; background: #595959; 
border: none; color: #ffff; font-family: 'Roboto', sans-serif; text-align: center; 
padding: 15px 20px; font-weight: 700; cursor: pointer; transition: .3s ease all; 
border-radius: 5px; margin-bottom: 15px; font-size: 14px; } .aviso-cookies .boton:hover 
{ background: #000; } .aviso-cookies .enlace { color: #fff; text-decoration: none; 
font-size: 14px; } .aviso-cookies .enlace:hover { text-decoration: underline; 
} .fondo-aviso-cookies { display: none; background: rgba(0,0,0,.20); position: 
fixed; z-index: 99; width: 100vw; height: 100vh; top: 0; left: 0; } .fondo-aviso-cookies.activo 
{ display: block; }