.filter-btn {
	text-transform: uppercase;
	flex: 0 1 calc(33% - 1rem);
	color: lightgray;
	font-size: 1rem;
	border: solid lightgray 2px;
	border-radius: 10em;
	font-weight: bold;
	cursor: pointer;
	width: max-content;
	background-color: white;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.filter-btn.active {
	background-color: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
	box-shadow: 5px 5px 20px 2px rgba(0, 78, 132, 0.4) !important;
}

.activeFilter {
	background-color: var(--primary-color);
	box-shadow: 5px 5px 20px -5px var(--primary-color);
	border: 0;
	color: white;
}

#filter-search {
	font-size: 1rem;
	outline: 0;
	padding: .75em;
	border: solid lightgray 2px;
	border-radius: 10em;
	width: 100%;
}