.form--filter {
	width: 100%;
	clear: both;
	background: $color--graylight;
	padding: 1rem 0;
	border: 1px solid $color--graymiddle;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	display: none;
	margin: 0.2rem;

	&.active {
		display: inline-block;
	}
}

.filter__button {
	@extend .btn;
	background-color: $color--main !important;
	color: $color--white !important;
	float: left;
	box-shadow: $shadows-visible !important;
	outline: none;
	border: none;
	margin: 0.2rem !important;
	.turn-off-word { display: none; }
	&:hover {
		background-color: darken($color--main, 5%) !important;
		box-shadow: none;
	}
}