/* Outer */ .sarw-popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 9999; background: rgba(0, 0, 0, 0.97); font-weight: 400; overflow: hidden; overflow-y: auto; } .sarw-popup h2 { color: white; } /* Inner */ .sarw-popup .popup-inner { max-width: 700px; width: 100%; padding: 40px; position: absolute; top: 0; left: 0; background: transparent; text-align: center; color: white; } .sarw-enter, .sarw-exit { min-height: 40px; padding: 0 15px; line-height: 1.6em; font-size: 16px; border-radius: 5px; padding: 11px 15px; color: #444; background: #f5f5f5; margin: 10px; } /* Responsive Styles */ @media screen and (min-width: 750px) { /* Inner */ .sarw-popup .popup-inner { width: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }