.pop-up{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--blue-gradient);color:var(--white);font-weight:700;padding:2rem;border:2px double var(--sand);outline:1rem solid rgba(0,0,0,.5);width:max-content;line-height:3rem;text-align:center;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s linear;z-index:1}.pop-up.active{opacity:1;visibility:visible}.pop-up.shown{display:none}.pop-up__close-button{position:absolute;top:0;right:0;width:2rem;height:2rem;border-radius:25px;background-color:#f2f2f21a;border:1px solid #f2f2f21a;cursor:pointer;transition:.2s}.pop-up__close-line{position:absolute;top:.95rem;right:-.35rem;width:70%;border:1px solid var(--white);border-radius:5px;box-shadow:var(--shadow);transition:.2s}.pop-up__close-line.line-1{right:.25rem;transform:rotate(45deg)}.pop-up__close-line.line-2{right:.25rem;transform:rotate(-45deg)}.pop-up__close-button:hover{.pop-up__close-line { border-color: var(--yellow); }}.pop-up>h2{background:var(--black-gradient);border-radius:5px;padding:0 1rem}.pop-up__referral-code{text-transform:capitalize;color:var(--gold);cursor:pointer}.pop-up__referral-code:hover{color:var(--yellow)}.pop-up__referral-code.success{color:var(--gold);cursor:not-allowed}.pup-up__cta{display:inline-block;border-radius:5px;margin:1rem;padding:0 1rem;color:var(--sand);box-shadow:var(--soft-shadow);transition:.2s}.pop-up:hover{opacity:.93}.pup-up__cta:hover{color:var(--yellow);border-right:1px solid var(--white);border-left:1px solid var(--white);box-shadow:var(--hard-shadow)}.pop-up__close-button:hover+h2>.pup-up__cta{border-radius:unset;padding:unset;color:unset;box-shadow:unset}@keyframes fade-in{0%{display:block;opacity:0}100%{opacity:1}}@media screen and (max-width:1440px){}@media screen and (max-width:1280px){}@media screen and (max-width:1024px){}@media screen and (max-width:800px){}@media screen and (max-width:768px){}@media screen and (max-width:600px){.pop-up{width:90%}}