.popup-overlay{position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:50;top:0;animation:popup 1s forwards}.popup-image{width:20vw}.popup-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--black-background);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);width:35vw;text-align:center;position:relative;height:70vh}@keyframes popup{0%{scale:0}to{scale:1}}.close-button{position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;background:none;border:none;cursor:pointer}.close-button,.popup-title{color:var(--black-background)}.popup-title{font-size:2rem;font-weight:700;margin:0}.popup-description{margin-top:1rem;font-size:1.125rem;color:#fff}.popup-price{font-size:4vh;color:#ff7f00}.popup-warning{color:var(--white);margin-top:.5rem;font-weight:600}body .popup-timer{margin-top:1rem;color:#fff;font-weight:700}.popup-button{display:inline-block;background-color:#ff7f00;color:#fff;padding:.5rem 1rem;border-radius:20px;text-decoration:none;font-size:1.125rem;font-weight:700;transition:background-color .3s;cursor:pointer;width:80%}.popup-button:hover{background-color:#c53030}.yellowBackground{border-top-left-radius:.5rem;padding-top:5vh}@media only screen and (max-width:600px){.popup-image{display:none}.popup-content{margin:5vw;height:60vh;border-radius:.5rem;width:100vw;height:95vh;padding-bottom:2vh}.yellowBackground{border-top-left-radius:.5rem}}