:root{
	--primary: #888;
	--secondary: #aaa;
	--caption: #fff;
	font-family: Sans-serif;
}

@keyframes button1-click{
	0% {filter: brightness(0.8);box-shadow: 0 3px 3px #0001;transform: translateY(3px)}
	100% {filter: brightness(1.2);box-shadow: 0 2px 10px #0004;transform: translateY(0)}
}

@keyframes button2-click{
	0% {filter: brightness(0.86);box-shadow: 0 3px 3px #0001;transform: translateY(3px)}
	100% {filter: brightness(0.92);box-shadow: 0 2px 10px #0004;transform: translateY(0)}
}

@keyframes button3-click{
	0% {filter: brightness(0.86);box-shadow: 0 3px 3px #0001 inset;padding-top:10px;padding-bottom:6px;}
	100% {filter: brightness(0.92);padding-top:8px;padding-bottom:8px;}
}

@keyframes button4-click{
	0% {filter: brightness(0.8);box-shadow: 0 3px 3px #0001 inset;padding-top:10px;padding-bottom:6px;}
	100% {filter: brightness(0.92);padding-top:8px;padding-bottom:8px;}
}

@keyframes button5-click{
	0% {filter: brightness(0.86);box-shadow: 0 3px 3px #0001 inset;padding-top:10px;padding-bottom:6px;}
	100% {filter: brightness(0.92);padding-top:8px;padding-bottom:8px;}
}




.meui-button1{
	display: flex;
	background-color: var(--primary);
	color: var(--caption);
	padding: 8px 18px;
	width: fit-content;
	height: 25px;
	align-items: center;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 2px 10px #0004;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.meui-button1 a{
	color: var(--caption);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.meui-button1:hover{
	filter: brightness(1.2);
}

.meui-button1:active{
	animation-name: button1-click;
	animation-duration: 0.2s;
}



.meui-button2{
	background-color: var(--caption);
	color: var(--primary);
	display: flex;
	padding: 8px 18px;
	width: fit-content;
	height: 25px;
	align-items: center;
	vertical-align: middle;
	border-radius: 50px;
	box-shadow: 0 2px 10px #0004;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	border-style: solid;
	border-color: #0002;
	border-width: 1px;
}

.meui-button2 a{
	color: var(--primary);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.meui-button2:hover{
	filter: brightness(0.94);
}

.meui-button2:active{
	animation-name: button2-click;
	animation-duration: 0.2s;
}



.meui-button3{
	background-color: var(--caption);
	color: var(--primary);
	display: flex;
	padding: 8px 18px;
	width: fit-content;
	height: 25px;
	align-items: center;
	vertical-align: middle;
	border-radius: 50px;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	border-style: solid;
	border-color: #0002;
	border-width: 1px;
}

.meui-button3 a{
	color: var(--primary);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.meui-button3:hover{
	filter: brightness(0.94);
}

.meui-button3:active{
	animation-name: button3-click;
	animation-duration: 0.2s;
}



.meui-button4{
	background-color: var(--secondary);
	color: #112;
	display: flex;
	padding: 8px 18px;
	width: fit-content;
	height: 25px;
	align-items: center;
	vertical-align: middle;
	border-radius: 50px;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.meui-button4 a{
	color: #112;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.meui-button4:hover{
	filter: brightness(0.94);
}

.meui-button4:active{
	animation-name: button4-click;
	animation-duration: 0.2s;
}



.meui-button5{
	background-color: var(--caption);
	color: #112;
	display: flex;
	padding: 8px 18px;
	width: fit-content;
	height: 25px;
	align-items: center;
	vertical-align: middle;
	border-radius: 50px;
	user-select: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.meui-button5 a{
	color: #112;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.meui-button5:hover{
	filter: brightness(0.94);
}

.meui-button5:active{
	animation-name: button3-click;
	animation-duration: 0.2s;
}