.codigo_descuento_oculto{
    display: none;
    right: -355px;
    width:350px;
    position: fixed;
    top: 10%;
    z-index: 100000;
    -webkit-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 1s linear;
    transition:all 1s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
    color:#fff;
}
.container_codigo_descuento_oculto{
    align-items: center;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 30px;
    -webkit-transition:all .5s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
    transition:all .5s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
}

.codigo_descuento_oculto .icon_cierre {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
}

.container_codigo_descuento_oculto h2 {font-size:clamp(2.1rem, 0.964rem + 1.43vw, 2.7rem); line-height: 1em;}

.codigo_descuento_oculto #cerrar-codigo-descuento {margin-right: 25px;}

.codigo_descuento_oculto .datos_codigo_descuento p {font-size: 1.2em; line-height: 1em;}
.codigo_descuento_oculto .datos_codigo_descuento p.texto_codigo_descuento {line-height: 1.2em;}
.codigo_descuento_oculto .datos_codigo_descuento p.texto_codigo_descuento span {font-weight: 700;}

.codigo_descuento_oculto #abre-menu{ color: #666; font-weight: 700; font-size: 2em; display: flex; justify-content: end;}

/* Effect 5: same word slide in */

#abre-codigo-descuento{ color:#666; font-weight: 700;}
#abre-codigo-descuento:hover{color:#000;}
#abre-codigo-descuento .fas{ font-size: 1em; color:#333;}
#abre-codigo-descuento:hover .fas{  color:#333;}

.codigo_descuento_oculto.abierto {right:0;}

@media (max-width: 575.98px) {
    .codigo_descuento_oculto {width: 305px;}
    .codigo_descuento_oculto .datos_codigo_descuento p {font-size: 1em;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .codigo_descuento_oculto{position:absolute;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .codigo_descuento_oculto{position:absolute;}
}