.not-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;

	.not-img {
		max-width: 500px;
		margin-right: 120px;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
	}

	.not-detail {
		display: flex;
		flex-direction: column;

		h2,
		h4 {
			padding: 0;
			margin: 0;
		}

		h2 {
			font-size: 60px;
			color: var(--primary-color);
		}

		h4 {
			margin: 30px 0 20px;
			font-size: 19px;
			font-weight: normal;
			color: var(--primary-color);
		}

		button {
			padding: 4px 15px 4px 15px;
			width: 300px;
			height: 32px;
			outline: none;
			border: 1px solid var(--primary-color);
			color: #fff;
			background-color: var(--primary-color);

			&:hover {
				background-color: var(--primary-color-hover);
				transition: all 0.5s;
			}
		}
	}
}
