.closable-popup-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; .popup-container { position: absolute; top: 165px; left: 50%; transform: translateX(-50%); width: 300px; padding: 20px 10px; border-radius: 10px; background: #fff; .title { font-size: 16px; color: #525C65; text-align: center; } .close { position: absolute; bottom: -74px; left: 50%; transform: translateX(-50%); font-size: 36px; color: #fff; } .close-icon { position: absolute; bottom: -66px; left: 50%; width: 33px; height: 33px; transform: translateX(-50%); font-size: 36px; color: #fff; } } }