a.button {
	color: white;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

a.button:hover {
	font-weight: bold;
	border-left: 5px solid green;
}
.BeautiLink {
	margin-left: 10px;
	color: white;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid white;
}
.BeautiLink:hover {
	color: blue;
	background-color: white;
}
.BeautiLink2 {
	margin-left: 20px;
	color: white;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid white;
}
.BeautiLink2:hover {
	color: blue;
	background-color: white;
}
.smartlink {
	background-color: #5181D3;
	color: white;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
	padding: 5px 15px;
	border-radius: 15px;
}
.smartlink:hover {
	color: white;
	background-color: grey;
	border: 2px solid #5181D3;
}
.button_mua {
	background-color: #5181D3;
	margin: 10px 120px;
	color: white;
	text-decoration: none;
	transition: color 0.5s, background-color 0.5s;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid white;
}
.button_mua:hover {
	color: #5181D3;
	background-color: white;
	border: 1px solid #5181D3;
}