.container--pop-up{
	position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	padding: 5% 7.5%;

	box-sizing: border-box;
}
.pop-up{
	width: 92.5%;
	min-height: 185px;


	background-image: url('../img/phase-award.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index: 2;

	box-sizing: border-box;
	padding: 15% 5%;

	display: grid;
	gap: 5%;
}
.pop-up__title{
	font-size: calc(22px + (84 - 22) * ((100vw - 320px) / (1080 - 320)));
	line-height: calc(28px + (100 - 28) * ((100vw - 320px) / (1080 - 320)));
}
.pop-up__text{
	text-align: center;
	margin-top: 2.5%;

	font-family: var(--text);
	color: var(--white);

	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1080 - 320)));
    line-height: calc(16px + (26 - 16) * ((100vw - 320px) / (1080 - 320)));
}	
.pop-up__btn--next{
	width: 25%;

	display: block;
	margin: 0 auto;
}
.pop-up__btn--previous{
	width: 25%;

	display: block;
	margin: 0 auto;
}
.container-btn{
	display: flex;
	margin-top: 30px;
}
@media only screen and (orientation: landscape) {
	.container--pop-up{
		padding: 2.5% 7.5%;
	}
	.pop-up{
		top: 55%;
	
		width: 58%;

		padding: 6% 5%;
	}
	.pop-up__title{
		font-size: calc(16px + (78 - 16) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(24px + (86 - 24) * ((100vw - 320px) / (1920 - 320)));
	}
	.pop-up__text{
		font-size: calc(12px + (24 - 12) * ((100vw - 320px) / (1920 - 320)));
		line-height: calc(14px + (26 - 14) * ((100vw - 320px) / (1920 - 320)));
	}
}