.page-404-wrapper {
    background-color: #f2ede8;
    min-height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-404-container {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.page-404-title {
	font-family: "FeatureDisplay-Medium";
	font-size: 8rem;
	line-height: 1;
	color: #151514;
	margin: 0 0 1rem;
	letter-spacing: 0.02em;
}

.page-404-message {
	font-family: "FeatureDisplay-Light";
	font-size: 16px;
	line-height: 1.6;
	color: #5a5a5a;
	margin: 0 0 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

.page-404-btn {
	display: inline-block;
	padding: 14px 32px;
	font-family: "FeatureDisplay-Light";
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #82b7ac;
    color: #fff !important;
	border: none;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	transition: background-color 0.2s ease;
    text-decoration: none !important;
}

.page-404-btn:hover {
	background-color: #84c2a8;
	color: #fff;
}