@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.advertisement-timer {
	position: fixed;
    bottom: 0;
    left: 70px;
    width: 463px;
    height: 107px;
    cursor: pointer;
    z-index: 999;
    border-radius: 8px;
    background: url('/pl/fileservice/user/file/download/h/601baa54871acf4d550c99a5d73e19ff.png') no-repeat center center;
 	background-size: cover;
}

.advertisement-timer__container {
    position: relative;
	width: 100%;
    height: 100%;
}

.advertisement-timer__close-button {
    position: absolute;
    top: 3px;
    right: 3px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/5752/sc/508/h/f0d30261050346d9b4e75be4679c0336.svg) no-repeat center center !important;/*белый*/
   /* background: url(https://fs.getcourse.ru/fileservice/file/download/a/5752/sc/67/h/1477169192eae0e289f64ef28a43248f.svg) no-repeat center center !important;*//*черный*/
    border: none;
    padding: 0;
}

.advertisement-timer__link {
	display: flex;
    align-items: center;
    height: 100%;
    padding-left: 22px;
    padding-right: 145px;
}

.advertisement-timer__text {
	font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.advertisement-timer__text span {
    display: inline-block;
    animation: 1s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) 845s infinite timer-end;
}

@media (max-width: 768px) {
	.advertisement-timer {
    	bottom: 45px;
    	left: 0;
	}
}

@media (max-width: 506px) {
	.advertisement-timer {
    	width: 100%;
	}
}

@keyframes timer-end {
    from {
    	transform: scale(1);
  	}
	
	to {
    	transform: scale(1.05);
	}
}