@layer components.members-filter {
	[data-c-members-filter] {
		margin-bottom: var(--space-10);

		@media screen and (max-width: 767px) {
			margin-bottom: var(--space-8);
		}

		ul {
			display: flex;
			gap: var(--space-5);
			margin: 0;
			padding: 0;
			flex-wrap: wrap;

			@media screen and (max-width: 1199px) {
				gap: var(--space-4);
			}

			@media screen and (max-width: 767px) {
				gap: var(--space-3);
			}
		}
	}
}