//header,.buttons-tel-fixed-container{display: none!important;}// .buttons-tel-fixed-container { display: none; } .sale-btn-wrap{ position: fixed; //left: -202px; left: -280px; //полностью скрыт bottom: 0; height: 152px; width: 378px; background: url(../../../images/ai/widget_popup_sale/widget_sale_platinum_btn.png); background-repeat: no-repeat; background-size: 80%; padding: 0; display: block; z-index: 99; transition: .2s ease-in-out left,.2s ease-in-out right; &.in{ left: -10px; } .widget_content { cursor: pointer; display: block; position: fixed; left: -170px; height: 90px; width: 277px; bottom: 15px; border-radius: 0 60px 50px 0; //background-color: rgba(214, 140, 244, 0.63); z-index: 99; &.in{ left: 0; } } .widget_close_btn { cursor: pointer; display: none; position: fixed; padding: 0; left: 237px; bottom: 90px; border-radius: 50%; //background-color: rgba(138, 43, 226, 0.6); width: 35px; height: 35px; z-index: 100; &.in{ display: block; } } &.shot-img{ width: 134px; height: 136px; left: -10px; bottom: 10px; background: url(../../../images/ai/widget_popup_sale/widget_sale_platinum_may_btn_short.png); background-repeat: no-repeat; background-size: 90%; .widget_content { padding: 0; height: 90px; width: 85px; left: 0; bottom: 40px; border-radius: 0 60px 50px 0; //border-radius: 50%; } } } @media (max-width: 767px) { .sale-btn-wrap{ background-image: url(../../../images/ai/widget_popup_sale/widget_sale_platinum_mobile.png); background-size: 100%; width: 174px; height: 69px; left: -195px; bottom: 10px; &.in{ left: 0; } .widget_content { bottom: 10px; height: 45px; width: 170px; border-radius: 0 60px 50px 0; //background-color: #2196f385; &.in { left: 0; } } .widget_close_btn { left: 142px; bottom: 45px; height: 25px; width: 25px; } &.shot-img{ background: url(../../../images/ai/widget_popup_sale/widget_sale_platinum_may_btn_short.png); background-repeat: no-repeat; background-size: 70%; width: 134px; height: 136px; left: -10px; bottom: -45px; .widget_content { width: 70px; height: 70px; left: 0; bottom: 10px; border-radius: 0 60px 50px 0; } } } }