#my-wrapper ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
	text-align: center
}
#my-wrapper li {
	display: inline-block;
	padding: .5em 1.5em;
	margin: 0;
	background-color: #E9ECEF;
	/* border-radius: none (untuk bentuk biasa) */
	/* border-radius: 40px (untuk rounded) */
	/* border-radius: 40px (untuk bentuk pils) */
}
#my-wrapper li:hover {
	background-color: #d4d8db;
	color: #333;
	cursor: pointer
}
#my-wrapper .active {
	/* background-color: rgb(0, 4, 247);
	border: 1px solid rgb(0, 4, 247); */
	background-color: #002570;
	border: 1px solid #002570;
	color: #fff
}
.card-header {
	border-bottom: 0px solid rgba(0, 0, 0, 0.125);
	position: relative
}
.card-header::after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	left: 0;
	position: absolute;
	transition: 0.4s
}
.card-header::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	opacity: 0;
	color: #fff;
	font-size: 26px;
	font-family: 'Font Awesome 5 Free';
	content: "\f00e";
	font-weight: 900;
	pointer-events: none;
	z-index: 9000;
	transition: 0.4s
}
/* .card-header:hover {
	cursor: pointer
} */
.card-header:hover::after {
	content: '';
	display: block;
	background: #007BFF;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .7;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: 0.4s
}
.card-header:hover::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	opacity: 1;
	color: rgb(255, 255, 255);
	font-size: 26px;
	font-family: 'Font Awesome 5 Free';
	content: "\f00e";
	font-weight: 900;
	pointer-events: none;
	z-index: 9000;
	transition: 0.4s
}
/*# sourceMappingURL=style.min.css.map */