@keyframes hide{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;max-width:100%;overflow-x:hidden}.page-body{max-width:411px;margin:0 auto;padding:0 20px}.content__wrapper-text{margin-top:20px}.content__text{margin-bottom:20px;color:#333}.banner{position:fixed;top:auto;right:auto;bottom:0;left:50%;width:100%;max-width:411px;height:100%;max-height:calc(100vw*5/32);margin-top:10px;background-color:#e00;-ms-transform:translateX(-50%);transform:translateX(-50%)}.banner--hide{left:0;animation:hide 1s ease-in-out both}.banner__wrapper{position:relative;width:100%;height:100%}.banner__btn-wrapper{position:absolute;top:-12px;left:10px;width:calc(100vw*5/32/2);height:calc(100vw*5/32/2)}.banner__btn{position:relative;display:block;width:100%;height:100%;background-color:#000;border:2px solid #fff;border-radius:50%;cursor:pointer}.banner__btn::after,.banner__btn::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:#fff;-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.banner__btn::before{-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.banner__wrapper-text{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.banner__text{font-size:17px;text-align:center;color:#fff}