.popup__button{border:none;background-color:transparent;outline:transparent;position:relative}.popup__button:after,.popup__button:before{content:"";position:absolute;top:50%;left:50%;height:4px;width:20px}.popup__button:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.popup__button:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.popup{position:fixed;display:none;height:90vh;z-index:20;top:50%;left:2rem;right:2rem;padding:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow-y:scroll;background-color:#464544;color:#fff;box-shadow:0 0 20px #363636}@media only screen and (min-width:56.3125em){.popup{max-width:50rem;height:auto;max-height:80vh;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.popup__button{display:block;width:2rem;height:2rem;position:absolute;right:1rem;top:1rem}.popup__button:after,.popup__button:before{background-color:#fff}.popup.js-popup--open{display:block}