.b-blue {
	background-color: #0086ff !important;
}
.b-red {
	background-color: #ff324b !important;
}
.b-yellow {
	background-color: #ffa520 !important;
}
.b-dark {
	background-color: #1d274a !important;
}
.b-black {
	background-color: #0f0f0f !important;
}
.b-white {
	background-color: #ffffff !important;
}

.c-blue {
	color: #0086ff !important;
}
.c-red {
	color: #ff324b !important;
}
.c-yellow {
	color: #ffa520 !important;
}
.c-dark {
	color: #1d274a !important;
}
.c-black {
	color: #0f0f0f !important;
}
.c-white {
	color: #ffffff !important;
}

.btn {
	transform: skewX(-7deg);
	width: max-content;
	margin-top: 16px;
	padding: 16px;
	border-radius: 4px;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn a {
	font-family: "Uni-sans", sans-serif !important;
	text-decoration: none;
	font-size: 24px;
}
.btn img {
	width: 48px;
}
.btn.b-red:hover {
	filter: drop-shadow(0px 0px 6px #ff324b);
}
.btn.b-blue:hover {
	filter: drop-shadow(0px 0px 6px #0086ff);
}
.btn.b-yellow:hover {
	filter: drop-shadow(0px 0px 6px #ffa520);
}
.btn.b-white:hover {
	filter: drop-shadow(0px 0px 6px #ffffff);
}
.btn.b-dark:hover {
	filter: drop-shadow(0px 0px 6px #1d274a);
}

.btn-menu a.b-red:hover {
	filter: drop-shadow(0px 0px 6px #ff324b);
}
.btn-menu a.b-blue:hover {
	filter: drop-shadow(0px 0px 6px #0086ff);
}
.btn-menu a.b-yellow:hover {
	filter: drop-shadow(0px 0px 6px #ffa520);
}
.btn-menu a.b-white:hover {
	filter: drop-shadow(0px 0px 6px #ffffff);
}
.btn-menu a.b-dark:hover {
	filter: drop-shadow(0px 0px 6px #1d274a);
}