@keyframes button-float-line{to{transform:translateY(calc(-100% + 148px))}}.button-float{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#dfd8f8;border:1px solid hsla(0,0%,100%,.341);border-radius:12px;cursor:pointer;display:none;height:52px;justify-content:center;opacity:1;overflow:hidden;position:fixed;right:10px;top:calc(50% - 26px);transition-duration:.4s;transition-property:width,height,background-color,border-radius,visibility,opacity;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:110px;z-index:20}.button-float__text{color:#9a77fb;font-size:12px;font-weight:600;line-height:16px;text-align:center;transition-duration:.4s;transition-property:font-size,line-height,color;transition-timing-function:ease-in-out}.button-float__line{animation-duration:4s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:button-float-line;animation-timing-function:linear;left:0;position:absolute;top:0;transform:translateY(-2%);width:100%}.button-float:hover{background-color:#9a77fb;height:110px;width:200px}.button-float:hover .button-float__text{color:#fff;font-size:20px;font-weight:500;line-height:20px}.button-float._hidden{opacity:0;visibility:hidden}@media(min-width:1200px){.button-float{display:flex}}.social-popup{background:linear-gradient(0deg,#b0a3f8 0,#ecebf7 80.64%,#f0f0f7 88.52%,#f2f2f7 95.11%);border-radius:40px;color:#30313d;display:flex;flex-wrap:wrap;font-family:Onest,sans-serif;height:416px;justify-content:center;max-width:296px;padding:72px 16px;text-align:center;width:100%}@media(min-width:360px){.social-popup{height:400px;max-width:382px}}@media(min-width:768px){.social-popup{background-image:url(../assets/popups/popup-bg-01.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:396px;max-width:100%;width:704px}}@media(min-width:1024px){.social-popup{height:auto;max-height:452px;max-width:100%;padding:96px 144px;width:710px}}.social-popup__title{align-self:center;color:#30313d;font-size:22px;font-weight:600;letter-spacing:0;line-height:24px;margin:0 0 16px}@media(min-width:768px){.social-popup__title{font-size:40px;font-weight:600;line-height:48px;width:422px}}.social-popup__logo span{color:#9a77fb}.social-popup__buttons{width:100%}@media(min-width:768px){.social-popup__buttons{display:flex;gap:8px;justify-content:center}}.social-popup__text{font-size:14px;font-weight:400;letter-spacing:0;line-height:16px;margin-bottom:48px;margin-top:0;max-width:350px;text-align:center}@media(min-width:768px){.social-popup__text{font-size:20px;font-weight:400;line-height:24px;max-width:422px}}.social-popup__tg-button{align-items:center;background:#30313d;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:16px;font-weight:500;gap:8px;height:52px;justify-content:center;letter-spacing:0;line-height:20px;margin-bottom:8px;text-decoration:none;transition:background .3s;width:100%}@media(hover:hover){.social-popup__tg-button:hover{background:#6e6e7d;color:#dfd8f8}}.social-popup__tg-button:active{background:#20212c;color:#6c4dc0}@media(min-width:768px){.social-popup__tg-button{display:flex;gap:8px;justify-content:center;width:207px}}.social-popup__max-button{align-items:center;background-image:linear-gradient(260.85deg,#93d -19.02%,#543cef 44.97%,#4cf 110.62%);border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:16px;font-weight:500;gap:8px;height:52px;justify-content:center;letter-spacing:0;line-height:20px;overflow:hidden;position:relative;text-decoration:none;transition:transform .1s ease;width:100%;z-index:1}.social-popup__max-button span,.social-popup__max-button-icon{position:relative;z-index:2}.social-popup__max-button:after{background-image:linear-gradient(88.39deg,#93d -16.71%,#543cef 37.91%,#4cf 93.94%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.social-popup__max-button:active{background:#20212c;background-image:none;color:#6c4dc0}.social-popup__max-button:active:after{display:none}.social-popup__max-button:active__max-button-icon{display:none}.social-popup__max-button:hover:after{opacity:1}@media(min-width:768px){.social-popup__max-button{display:flex;gap:8px;justify-content:center;width:207px}}
