.butt {
	cursor: pointer;
	position: relative;
	padding: 2.5rem 7.5rem;
	border-radius: 3.75rem;
	line-height: 2.5rem;
	font-size: 2rem;
	font-weight: 600;
	
	border: 1px solid #012880;
	background-image: linear-gradient(-180deg, #FF89D6 0%, #C01F9E 100%);
	box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50),
							0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset,
							0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset,
							0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset;
}

.butt span {
	color: transparent;
	background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}

.butt::before {
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	top: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;
	
	opacity: 0.7;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}

.butt::after {
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;
	
	filter: blur(1px);
	opacity: 0.05;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}

.back-image {
    background-image: url("../imgs/receptionseat.jpg");
    background-color: #cccccc;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .main-btn {
    background-image: linear-gradient(-180deg, #BFDBFF 0%, #BFDBFF 100%);
    box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50),
							0 -0.25rem 1.5rem rgb(35, 100, 175) inset,
							0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset,
							0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset;
    font-size: smaller;
	color: #1E395B;
	max-width: 6rem;
	height: 5rem;
} */

.main-btn {
    background-image: linear-gradient(-180deg, #DCE9F6 0%, #DCE9F6 100%);
    /* box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50); */
    font-size: smaller;
	color: #1E395B;
	max-width: 6rem;
	height: 5rem;
}

.main-btn:hover {
    background-image: linear-gradient(-180deg, #0c0701 0%, #FDAF48 20%);
}

.room-btn {
    background-image: linear-gradient(-180deg, #BFDBFF 0%, #BFDBFF 100%);
    /* box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50); */
    font-size: large !important;
	font-weight: 600 !important;
	color: #1E395B;
	width: 8rem !important;
	height: 8rem !important;
	text-align: auto !important;
}

.nav-link:hover {
	background-color: #b0cbe7;
}

.font-size {
	font-size: small;
}

label {
	width: 5rem;
}

input {
	width: 10rem;
}

select {
	width: 10rem;
}