.modal2 {
	position: fixed;
	z-index: 5008;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(70, 70, 70, 0.6);
	-webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 5%);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 5%);
}

	.modal2 .modal2-dialog {
		position: absolute;
		z-index: 5009;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #fff;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
		border-radius: 3px;
	}

.__Mobile .modal2 .modal2-dialog {
	width: 300px;
}
.__Desktop .modal2 .modal2-dialog {
	width: 416px;
}

		.modal2 .modal2-dialog .modal2-close {
			position: absolute;
			z-index: 5010;
			top: 16px;
			right: 14px;
			cursor: pointer;
		}

		.modal2 .modal2-dialog .modal2-close_btn::after {
			font-size: 20px;
			color: #d7d7d7;
		}

	.modal2 .modal2-content {
		position: relative;
		padding: 20px 12px;
	}

		.modal2 .modal2-content .modal2-title {
			margin: 0;
			padding: 0;
			font-size: 30px;
			font-weight: 500;
			line-height: 1;
			color: var(--c-black-1);
			text-align: center;
		}
		.modal2 .modal2-subtitle {
			margin: 12px 0 0 0;
			padding: 0;
			font-size: 18px;
			font-weight: 500;
			line-height: 22px;
			color: var(--c-black-1);
			text-align: center;
		}

		.modal2 .modal2-content .modal2-container {
			padding-top: 8px;
			text-align: center;
		}

			.modal2 .modal2-content .modal2-container p {
				margin: 0 0 8px 0;
				padding: 0;
				font-size: 16px;
				line-height: 24px;
			}

				.modal2 .modal2-content .modal2-container p:last-of-type {
					margin-bottom: 0px;
				}

		.modal2 .modal2-content .modal2-footer {
			margin: 18px 0 0 0;
			padding: 0;
			text-align: center;
		}
			.modal2 .modal2-content .modal2-footer button {
				padding: 0 30px;
				font-size: 18px;
				font-weight: 500;
				line-height: 46px;
				text-transform: uppercase;
				text-align: center;
			}

.__Desktop .modal2 .modal2-content .modal2-footer button {
	line-height: 46px;
}
.__Mobile .modal2 .modal2-content .modal2-footer button {
	line-height: 40px;
}