:root {
    --color-fondo-aviso: #fff;
    --color-del-parrafo: #000;
    --tamano-parrafo: 16px;
    --color-boton-aceptar: #00748e;
    --color-texto-boton-aceptar: #fff;
    --color-texto-leer-mas: #00748e;
}

.cookie-container {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: 1500ms;
    background: var(--color-fondo-aviso);
    padding: 15px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, .15);
    text-align: center;
    font-size: var(--tamano-parrafo)
}

.cookie-content {
    color: var(--color-del-parrafo)
}

.cookie-container.active {
    bottom: 0
}

.cookie-content .buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.cookie-content .buttons button {
    padding: 10px 15px;
    border: none;
    outline: 0;
    color: var(--color-texto-boton-aceptar);
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    background: var(--color-boton-aceptar);
    cursor: pointer;
    transition: all .3s ease
}

.cookie-content .buttons button:hover {
    transform: scale(0.97)
}

.buttons .item {
    margin: 0 10px
}

.cookie-content .buttons a {
    color: var(--color-texto-leer-mas);
    font-weight: 700
}