Новичок «Барселоны» захотел покинуть клуб вслед за Месси

.announce-spec { overflow: hidden; height: 410px; margin: -30px auto 0; z-index: 11; } .announce-spec__sprite { width: 0; height: 0; overflow: hidden; } .announce-spec__box { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 360px; max-height: 410px; margin: 0 auto; padding: 1px 20px 0; position: relative; } .announce-spec__link { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-decoration: none; margin: 164px auto 0; height: 200px; } .announce-spec__img { display: -webkit-box; display: flex; background-repeat: no-repeat; background-size: cover; position: absolute; } .announce-spec__img._bodrov { width: 143px; height: 191px; top: 18px; left: 0; background-image: url(«icdn.lenta.ru/images/2021/07/30/22/20210730221848004/original_e38d6779bf0ba3ae9817a5918449be64.png»); -webkit-transform: matrix(-0.96, 0.28, 0.28, 0.96, 0, 0); transform: matrix(-0.96, 0.28, 0.28, 0.96, 0, 0); } .announce-spec__img._viagra { width: 188px; height: 251px; top: 6px; left: 0; right: 0; margin: auto; -webkit-transform: translateX(5px); transform: translateX(5px); background-image: url(«icdn.lenta.ru/images/2021/07/30/22/20210730221920147/original_311e030d19b873e082d4ebdccf377e74.png»); } .announce-spec__img._decl { width: 132px; height: 332px; top: 13px; right: 40px; background-image: url(«icdn.lenta.ru/images/2021/07/30/22/20210730221911143/original_2399aacc8ca082ce4c4bc03be488fe27.png»); -webkit-transform: rotate(11.25deg); transform: rotate(11.25deg); } .announce-spec__img._graffity { width: 320px; height: 167px; top: 67px; right: 10px; background-image: url(«icdn.lenta.ru/images/2021/07/30/22/20210730221900536/original_593628d3cb9f5353af64b18f8d35a67e.png»); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .announce-spec__img._graffity._left { display: none; } .announce-spec__spot { position: absolute; } .announce-spec__spot._left { width: 184px; height: 159px; bottom: -36px; left: -40px; color: #86f73c; } .announce-spec__spot._right { width: 208px; height: 167px; bottom: -27px; right: -54px; color: #1c1619; } .announce-spec__spot._sticky-center { display: none; } .announce-spec__spot._center { width: 393px; height: 236px; color: #02198d; } .announce-spec__spot._sinusoid { width: 393px; height: 236px; -webkit-clip-path: polygon(92% 22%, 79% 11%, 75% 8%, 71% 5%, 67% 3%, 56% -2%, 31% 45%, 85% 23%); clip-path: polygon(92% 22%, 79% 11%, 75% 8%, 71% 5%, 67% 3%, 56% -2%, 31% 45%, 85% 23%); margin-left: 5px; } .announce-spec__content { position: relative; height: 168px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-align: center; margin-top: 32px; padding: 0 15px; width: 100%; max-width: 320px; box-sizing: border-box; } .announce-spec__logo { width: 49px; height: 8px; color: #fff; fill: #fff; overflow: visible; } .announce-spec__title { font: 900 20px/135% 'Source Serif Pro', serif; text-align: center; color: #fff; } .announce-spec__btn { position: relative; width: 73px; height: 30px; background-color: #fff; border-radius: 3px; font: bold 10px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #292929; text-transform: uppercase; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .announce-spec__btn:before { content: ''; position: absolute; width: 73px; height: 30px; top: 0; left: 0; background-color: #02198d; border-radius: 3px; border: 1px solid #fff; box-sizing: border-box; -webkit-transform: translate3d(2px, 3px, -1px); transform: translate3d(2px, 3px, -1px); } @media screen and (max-width: 768px) { .announce-spec._sticked { position: -webkit-sticky; position: sticky; top: 45px; padding: 1px 0 0; height: 110px; margin: 0; } .announce-spec._sticked .announce-spec__box { padding: 0; } .announce-spec._sticked .announce-spec__images { z-index: 1; -webkit-clip-path: ellipse(224px 64px at 193px 40px); clip-path: ellipse(224px 64px at 193px 40px); } .announce-spec._sticked .announce-spec__img._bodrov { display: none; } .announce-spec._sticked .announce-spec__img._graffity { width: 164px; height: 86px; top: 22px; left: -54px; } .announce-spec._sticked .announce-spec__img._viagra { margin: 0; width: 98px; height: 123px; left: -5px; top: 6px; -webkit-transform: rotate(-14.38deg); transform: rotate(-14.38deg); } .announce-spec._sticked .announce-spec__img._decl { width: 73px; height: 98px; right: auto; left: 36px; top: 9px; -webkit-transform: rotate(16.42deg); transform: rotate(16.42deg); } .announce-spec._sticked .announce-spec__spot._sinusoid { display: none; } .announce-spec._sticked .announce-spec__spot._sticky-center { display: block; width: 501px; height: 170px; left: -67px; bottom: 11px; color: #02198d; } .announce-spec._sticked .announce-spec__spot._center { display: none; } .announce-spec._sticked .announce-spec__spot._right { bottom: 18px; right: -65px; } .announce-spec._sticked .announce-spec__spot._left { bottom: 2px; left: -55px; } .announce-spec._sticked .announce-spec__link { position: static; margin: 0; padding: 2px 20px 28px 120px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 90px; } .announce-spec._sticked .announce-spec__content { margin-top: 0; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: auto; } .announce-spec._sticked .announce-spec__logo { display: none; } .announce-spec._sticked .announce-spec__title { text-align: left; font-size: 16px; line-height: 22px; } .announce-spec._sticked .announce-spec__btn { visibility: hidden; position: absolute; right: -26px; top: 40%; width: 26px; } .announce-spec._sticked .announce-spec__btn:before, .announce-spec._sticked .announce-spec__btn:after { content: ''; display: block; width: 7px; height: 7px; visibility: visible; border-top: 2px solid #cf0ca2; border-right: 2px solid #cf0ca2; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 3px; box-sizing: border-box; position: absolute; top: -3px; right: 22px; } .announce-spec._sticked .announce-spec__btn:before { right: 27px; border-radius: 0; border-left: none; border-bottom: none; } } @media screen and (min-width: 769px) { .announce-spec { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; margin: 50px 0; padding: 0; height: 138px; overflow: visible; } .announce-spec__box { max-width: 1000px; } .announce-spec__img._bodrov { -webkit-transform: matrix(-0.89, 0.46, 0.46, 0.89, 0, 0); transform: matrix(-0.89, 0.46, 0.46, 0.89, 0, 0); left: 65px; top: -55px; z-index: 1; } .announce-spec__img._graffity { width: 269px; height: 141px; right: 23px; top: 11px; left: auto; } .announce-spec__img._graffity._left { width: 269px; height: 146px; -webkit-transform: none; transform: none; right: auto; left: 1px; top: 26px; } .announce-spec__img._viagra { width: 185px; height: 188px; left: -7px; top: -43px; -webkit-transform: rotate(-54.53deg); transform: rotate(-54.53deg); margin: 0; } .announce-spec__img._decl { width: 132px; height: 183px; -webkit-transform: rotate(34.89deg); transform: rotate(34.89deg); top: -70px; right: 43px; } .announce-spec__link { height: 143px; margin: 0; z-index: 1; } .announce-spec__link:hover .announce-spec__btn { -webkit-transform: translate(2px, 3px); transform: translate(2px, 3px); } .announce-spec__link:hover .announce-spec__btn:before { -webkit-transform: translate3d(0, 0, -1px); transform: translate3d(0, 0, -1px); } .announce-spec__spot._center { width: 436px; height: 236px; left: 83px; top: -53px; -webkit-transform: scale(1, 0.92); transform: scale(1, 0.92); } .announce-spec__spot._sinusoid { width: 436px; height: 236px; top: -42px; left: 86px; -webkit-transform: rotate(3deg); transform: rotate(3deg); } .announce-spec__spot._left { width: 167px; height: 203px; left: 63px; top: 0px; -webkit-transform: rotate(145deg); transform: rotate(145deg); color: #1c1619; } .announce-spec__spot._right { width: 174px; height: 153px; right: 76px; top: 6px; -webkit-transform: matrix(-0.42, 1, -1.5, -0.18, 0, 0) rotate(105deg); transform: matrix(-0.42, 1, -1.5, -0.18, 0, 0) rotate(105deg); color: #86f73c; } .announce-spec__content { height: 100%; width: 50%; margin: -5px auto 0; padding: 0 0 0 10px; box-sizing: border-box; } .announce-spec__title { font-size: 20px; line-height: 27px; } .announce-spec__btn, .announce-spec__btn:before { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .announce-spec._premium .announce-spec__spot._center { -webkit-transform: scale(1.1, 0.92); transform: scale(1.1, 0.92); left: 113px; } .announce-spec._premium .announce-spec__spot._sinusoid { -webkit-transform: rotate(-2deg) scale(1.1, 1); transform: rotate(-2deg) scale(1.1, 1); left: 106px; } .announce-spec._premium .announce-spec__spot._left { left: 84px; -webkit-transform: rotate(155deg) scale(1.3, 1); transform: rotate(155deg) scale(1.3, 1); } .announce-spec._premium .announce-spec__spot._right { right: 83px; } .announce-spec._sticked { position: -webkit-sticky; position: sticky; top: -54px; } .announce-spec._sticked .announce-spec__content { width: 60%; height: 88%; padding: 0 0 0 25px; } .announce-spec._sticked .announce-spec__spot._center { left: 81px; top: -55px; -webkit-transform: scale(1, -0.92); transform: scale(1, -0.92); } .announce-spec._sticked .announce-spec__spot._right { right: 61px; } .announce-spec._sticked .announce-spec__spot._left { left: 56px; top: -23px; } .announce-spec._sticked .announce-spec__img._graffity, .announce-spec._sticked .announce-spec__img._bodrov { display: none; } .announce-spec._sticked .announce-spec__img._viagra { width: 98px; height: 130px; left: 16px; top: 40px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .announce-spec._sticked .announce-spec__img._decl { top: 0px; right: 72px; width: 85px; height: 213px; -webkit-transform: scale(1, -1) rotate(90deg); transform: scale(1, -1) rotate(90deg); } .announce-spec._sticked .announce-spec__title { font-size: 18px; line-height: 135%; } .announce-spec._sticked .announce-spec__btn { display: none; } .announce-spec._sticked._premium .announce-spec__spot._center { -webkit-transform: scale(1.2, -0.92); transform: scale(1.2, -0.92); left: 134px; } .announce-spec._sticked._premium .announce-spec__spot._right { right: 66px; } .announce-spec._sticked._premium .announce-spec__spot._left { left: 86px; } }