.socials__container{display:flex;flex-direction:column;gap:10px;margin:-1px auto 0;max-width:590px}.socials__card{align-items:center;background:#ffffff0d;border:1px solid rgba(100,83,229,.3);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:56px;padding:0 12px;text-decoration:none;width:100%}@media (pointer:fine){.socials__card:hover{background:hsla(0,0%,100%,.15)}}.socials__card:active{background:hsla(0,0%,100%,.15)}.socials__icon{backdrop-filter:blur(22.5px);margin-right:8px}.socials__icon,.socials__icon img{height:18px;width:18px}.socials__card__title,.socials__card__title *{color:#6453e5;font-size:18px;font-weight:600;line-height:150%}.socials__card__text{margin-left:auto}.socials__card__text,.socials__card__text *{color:#fff;font-size:12px;font-weight:400;line-height:150%}@media (min-width:720px){.socials__container{gap:32px}.socials__card{height:106px;padding:32px}.socials__icon{margin-right:20px}.socials__icon,.socials__icon img{height:36px;width:36px}.socials__card__title,.socials__card__title *{font-size:36px}.socials__card__text,.socials__card__text *{font-size:20px}}@media (min-width:1400px){.socials__container{display:grid;gap:16px;grid-template-areas:"a b" "a c";grid-template-columns:640px 1fr;grid-template-rows:263px 140px;max-width:1120px;padding:0}.socials__card{align-items:unset;flex-direction:column;height:100%;position:relative}.socials__card__1{grid-area:a;padding:56px 72px}.socials__card__2{grid-area:b;padding:35px}.socials__card__3{grid-area:c;padding:29px 35px}.socials__icon{height:89px;margin-right:0;position:absolute;width:89px}.socials__card__1 .socials__icon{left:494px;top:278px}.socials__card__1 .socials__icon img{height:89px;width:89px}.socials__card__2 .socials__icon{left:343px;top:144px}.socials__card__2 .socials__icon img{height:85px;width:85px}.socials__card__3 .socials__icon{left:335px;top:35px}.socials__card__3 .socials__icon img{height:68px;width:98px}.socials__card__title,.socials__card__title *{font-size:48px;font-weight:700;line-height:120%}.socials__card__2 .socials__card__title,.socials__card__2 .socials__card__title *,.socials__card__3 .socials__card__title,.socials__card__3 .socials__card__title *{font-size:40px}.socials__card__text,.socials__card__text *{font-weight:400;line-height:150%}.socials__card__text{margin-left:unset}.socials__card__text,.socials__card__text *{font-size:20px}}