browserupgrade.html

<!--[if lte IE 9]>
<div class="browserupgrade__overlay">
	<div class="browserupgrade">
		<p class="browserupgrade__sory">Sorry, your browser is too old</p>
		<p class="browserupgrade__text">It seems that you are using <strong>outdated and insecure</strong> version of
			Internet Explorer. This version of the browser does not support many advanced technologies, because of which
			many pages are displayed incorrectly.<br>Please, <a href="http://www.whatbrowser.org/intl/en/" target="_blank">
			upgrade your browser</a>, <br> to get a better impression of the Network.</p>
		<a href="http://www.whatbrowser.org/intl/en/" class="browserupgrade__btn" target="_blank">Upgrade browser</a>
	</div>
</div>
<![endif]-->

browserupgrade.scss

// A cap for old Internet Explorer versions.
.browserupgrade {
	font-family: Arial, sans-serif;
	position: absolute;
	top: 20%;
	right: 0;
	left: 0;
	line-height: 1.5;
	margin: 0 auto;
	padding: 30px 20px 0 20px;
	width: 500px;
	font-size: 16px;
	text-align: center;
	color: #000;
	background: #fff;
	z-index: 9999;
	strong {
		text-decoration: underline;
	}
	a,
	strong {
		font-weight: 700;
	}
	&__text {
		a {
			color: #f16251;
			font-weight: 700;
			font-size: inherit;
		}
	}
	&__overlay {
		position: fixed;
		z-index: 99999;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #f4f4f4;
	}
	&__sory {
		font-size: 18px;
		margin-bottom: 20px;
	}
	&__btn {
		text-decoration: none;
		line-height: 50px;
		display: block;
		margin-top: 20px;
		height: 50px;
		margin-left: -20px;
		margin-right: -20px;
		color: #fff;
		background-color: #f16251;
		&:hover,
		&:active {
			background-color: lighten(#f16251, 5%);
		}
	}
}