.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{overflow-y:scroll;height:42rem;display:none;position:fixed;z-index:10;top:50%;left:2rem;right:2rem;margin:8rem 4rem;padding:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#464544;color:#fff;box-shadow:0 0 20px #363636}@media only screen and (min-width:56.3125em){.popup{width:42rem;left:50%;right:unset;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-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}