.modal { position:fixed; color:#fff;display:none; 
	z-index:9999; top:40%; left:50%; width:400px; 
	height:200px; margin:-120px 0 0 -220px; z-index: 2;
	padding:20px; text-align:center; }
	@media (max-width:480px){
		.modal { width:96%;   margin: -120px 0 0 -2%;left:4%;} }
    
.modal p { padding-top:40px;color:#fff;margin-bottom:10px;font-size:14px; }
.modal h2 { color:#fff;font-size:22px;margin-bottom:10px; }
.modal div{display: flex;align-items: center;justify-content: center;}
.modal a { background:#fff;font-weight:bold;color:#000!important;margin:1rem;padding:1rem;border-radius:10px;cursor:pointer;text-align: center; }
.modal a:first-of-type {background: #f72960;}