mh-header - Spryker

#radio-modal { width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } #radio-modal:checked ~ #noscript-modal { display: none !important; } #noscript-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.7); } .noscript-modal-main { position: absolute; top: 20%; left: 5%; right: 5%; max-width: 600px; margin: auto; background-color: rgba(255, 255, 255, 0.9); color: #000; box-sizing: border-box; padding: 40px 20px; text-align: center; font-weight: 700; } .noscript-modal-main label { display: inline-block; margin-top: 20px; padding: 10px 25px; color: #fff; background-color: #eb553c; text-transform: uppercase; cursor: pointer; }