.referral-popup{background-color:#fff;display:none;left:50%;max-width:calc(100% - 48px);position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:101}@media (min-width:1024px){.referral-popup{bottom:0;left:auto;max-width:930px;right:0;top:auto;transform:translate(0)}}.referral-popup .close-btn{background:url(icon-close-dark.svg) no-repeat 50%/1rem transparent;height:67px;position:absolute;right:0;top:245px;width:69px}@media (min-width:1024px){.referral-popup .close-btn{top:0}}.referral-popup .content-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.referral-popup .content{padding:40px;width:100%}.referral-popup .content .subtitle{font-size:18px;line-height:22px;margin-bottom:5px}.referral-popup .content .title{margin-bottom:0}.referral-popup .content .title,.referral-popup .content .title p{font-family:SoinSansNeue;font-size:24px;font-weight:700;line-height:29px}.referral-popup .content .title p{margin-bottom:40px}.referral-popup .content .desc{font-size:18px;line-height:22px;margin-bottom:5px}.referral-popup .content .thank-you{font-size:14px;line-height:20px;margin-bottom:20px;opacity:0;transition:all .3s}.referral-popup .content .referral-code-wrapper{margin:20px 0;padding:13px 20px}.referral-popup .content .referral-code{font-size:12px}.referral-popup .image,.referral-popup .responsive-image__wrapper,.referral-popup img{height:245px;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:1024px){.referral-popup .image,.referral-popup .responsive-image__wrapper,.referral-popup img{height:100%}}.referral-popup .btn{display:inline-block}