.country-popup-container { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 300 }
.country-popup-container .country-popup { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 100%; max-height: 100%; background: #fff; max-width: 500px; margin: 0 auto; padding: 55px; text-align: center; box-sizing: border-box }

.country-popup p { color: #222 }
.country-popup .lead { font-size: 34px; text-transform: uppercase; font-weight: 500 }
.country-popup .info { font-size: 16px }

.country-popup .site-links { display: flex; justify-content: center; padding: 8px 0 50px }
.country-popup .site-links .site-country-link { min-width: 111px; margin: 0 10px; display: inline-block; text-decoration: none; padding: 15px 25px 17px; font-weight: 400; text-transform: uppercase; background: #ee2737; color: #fff; font-size: 18px; box-sizing: border-box; transition: background 0.2s }
.country-popup .site-links .site-country-link:hover { background: #c91f2c }
.country-popup .site-links:last-child { padding-bottom: 5px }

.country-popup-close { position: absolute; top: 20px; right: 20px; max-width: 18px; cursor: pointer }

@media (max-width: 540px) {
	.country-popup-container .country-popup { position: fixed; top: 0; transform: translateY(0); height: 100%; max-width: none; overflow-y: auto; padding: 16px }
	.country-popup-container .country-popup .lead { line-height: 36px; max-width: 80%; margin: 0 auto 14px }
	.country-popup-container .country-popup .site-links { display: block; padding: 8px 0 20px }
	.country-popup-container .country-popup .site-links a { width: 100%; margin: 0 0 10px 0 }
}