/****** PLACE YOUR CUSTOM STYLES HERE ******/

/*************** COOKIES ***************/

.modal {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    text-align: center;
    z-index: 99999999;
    
    position: absolute;
    top: 0;
    left: 0;
    
    display: flex;
    
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
}

.contenido {
    width: auto;
    height: auto;
    margin: auto;
    background: #e2721e;
    border-radius: 10px;
    padding: 10px;
    z-index: 99999999;
    
}

.boton_cookies {
    color: #e2721e;
    font-size: 12px;
    z-index: 9999999;
    background: #fff;
    height: auto;
    width: auto;
    line-height: 12px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    outline: none;
    border:0;;
    
}

.boton_cookies:hover {
    color: #fff;
    font-size: 12px;
    z-index: 9999999;
    background: #e2721e;
    height: auto;
    width: auto;
    line-height: 12px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    outline: none;
    border:0;;
    
}

#cerrar {
    display: none;
    z-index: 9999999;
}

#cerrar2 {
    display: none;
    z-index: 9999999;
}

#cerrar + label {
    position: absolute;
    color: #fff;
    font-size: 25px;
    z-index: 9999999;
    background: #e2721e;
    height: auto;
    width: 125px;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    right: 10px;
    text-align: center;
    
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
}
 
#cerrar2 + label {
    position: absolute;
    color: #fff;
    font-size: 25px;
    z-index: 9999999;
    background: #e2721e;
    height: auto;
    width: 125;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    
    left: 50%;
    margin-left: -62px;
    top: 80%;
    margin-top: 20px;
    
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
}

#cerrar2 + label:hover {
    position: absolute;
    color: #e2721e;
    font-size: 25px;
    z-index: 9999999;
    background: #fff;
    height: auto;
    width: 125;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    
    left: 50%;
    margin-left: -62px;
    top: 80%;
    margin-top: 20px;
    
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
}

 #cerrar:checked + label, #cerrar:checked ~ .modal, #cerrar:checked ~ #cerrar2 + label {
    display: none;
    z-index: 9999999;
}

 #cerrar2:checked + label, #cerrar2:checked ~ .modal, #cerrar2:checked ~ #cerrar + label {
    display: none;
    z-index: 9999999;
}

@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1;
    }
}
 
/* Fin del CSS para cookies */

    /*************** COOKIES ***************/
<style type="text/css">
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%      {bottom: 0px;}
80%     {bottom: 0px;}
100%        {bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%      {bottom: 0px;}
80%     {bottom: 0px;}
100%        {bottom: -50px;}
}
 
@keyframes aparecer
{
0%      {bottom: -38px;}
10%     {bottom: 0px;}
90%     {bottom: 0px;}
100%        {bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%      {bottom: -38px;}
10%     {bottom: 0px;}
90%     {bottom: 0px;}
100%        {bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{ 
    width:100%;
    height:52px;
    margin:0 auto;
    padding-left:1%;
        padding-top:5px;
        font-size: 12px;
    clear:both;
        font-weight: strong;
color: #fff;
bottom:0px;
position:fixed;
text-align: center;
vertical-align: center;
left: 0px;
background-color: #000;
opacity:1;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #000;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-35px;
font-size:12px;
height:35px;
padding-top:5px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */
 
</style>