#pop-up{
        position: fixed;
        right: 30px;
        background: white;
        border-radius: 3px;
        box-shadow: 2px 2px #ccc;
        padding: 5px;
        padding-right: 50px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        display: block;
        bottom: -100%;
        z-index: 9999;
        width: auto;
}
#pop-up a {
        text-decoration: none;
        display: block;
        width: fit-content;
}
#pop-up a .field--type-entity-reference{
        margin: 0;
}
#pop-up:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#pop-up.active{
        bottom: 120px;
}
#pop-up .logo{
        max-width: 500px;
}
.close-popup{
        position: absolute;
        top: 10px;
        right: 10px;
}
button.close-popup {
        background: transparent;
        border: none;
        font-size: 2rem;
        cursor: pointer;
}

@media (max-width: 768px){
        #pop-up{
                left: 0;
                right: 0;
                max-width: calc(100% - 20px);
                margin: auto;
                box-sizing: border-box;
                padding: 10px !important;
        }
        #pop-up.active{
                bottom: 200px;
        }
        #pop-up .logo{
                max-width: 100%;
        }
        button.close-popup{
                position: static;
                float: right;
                font-size: 1.5rem;
        }
}