#popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
}

.popup-message {
		position: relative;
		max-height: 100%;
		padding: 5px;
		background-color: #ffc1e9;
		text-align: center;
		color: #000;
}

.popup-message>span {
		position: absolute;
		right: -10px;
		width: 1.15em;
		height: 1.15em;
		background-color: #fff;
		color: #ffc1e9;
		border-radius: 50%;
		border: 5px solid #ffc1e9;
		line-height: 1em;
		z-index: 999;
}

@media (max-width:481px) {

		.popup-message {
				max-width: 60%;
		}
}

@media screen and (min-width: 481px) and (max-width: 768px) {

		.popup-message {
				max-width: 40%;
		}
}

@media (min-width:768px) {

		.popup-message {
				max-width: 30%;
		}
}

.close-btn {
		margin-top: -20px;
		font-size: 30px;
		cursor: pointer;
}