//header,.buttons-tel-fixed-container{display: none!important;}// .buttons-tel-fixed-container { display: none; } .sale-btn-wrap{ position: fixed; left: -252px; bottom: 20px; background: url(../../images/ai/widget_sale_platinum_btn.png); background-repeat: no-repeat; background-size: cover; width: 290px; height: 100px; font-weight: 700; font-size: 18px; line-height: 18px; color: #2D4071; padding: 35px 90px 18px 12px; display: block; z-index: 99; transition: .2s ease-in-out left,.2s ease-in-out right; &:hover, &:active, &:focus{ color: #504841; text-decoration: none; } &.in{ left:-15px; } &.shot-img{ width: 134px; height: 136px; left: -12px; bottom: -15px; background: url(../../images/ai/widget_sale_platinum_btn_short.png); background-repeat: no-repeat; background-size: 80% 80%; .widget_content { left: -220px; } } .widget_content { cursor: pointer; display: block; padding: 35px 90px 18px 12px; position: fixed; left: -252px; bottom: 20px; width: 290px; height: 100px; z-index: 99; &.in{ left:-15px; } } .widget_close_btn { cursor: pointer; display: block; position: fixed; padding: 0; left: 0px; bottom: 0px; width: 0px; height: 0px; z-index: 100; &.in{ height: 30px; width: 30px; bottom: 90px; left: 245px; } } } @media (max-width: 767px) { .sale-btn-wrap{ transform: rotate(450deg); background-image: url(../../images/ai/widget_sale_platinum_btn_mobile.png); right: auto; left: -80px; bottom: auto; top: ~'calc(77vh - 45px)'; font-size: 12px; line-height: 14px; padding: 20px 70px 10px 15px; width: 260px; height: 90px; &.in{ right: auto; left: -80px; } .widget_content { width: 230px; height: 58px; padding: 0; bottom: 15px; left: 0px; &.in { width: 230px; height: 58px; padding: 0; bottom: 15px; left: 0px; } } .widget_close_btn { bottom: 60px; left: 230px; width: 30px; height: 30px; &.in{ bottom: 60px; left: 230px; width: 30px; height: 30px; } } &.shot-img{ width: 187px; height: 136px; top: calc(100vh - 150px); left: -80px; background: url(../../images/ai/widget_sale_platinum_btn_short_mobile.png); background-repeat: no-repeat; background-size: 60% 60%; .widget_content { width: 90px; height: 110px; left: 10px; } .widget_close_btn { width: 0px; height: 0px; } } } }