.mck-elementor {

	.flex-cards--filter {

		@media (width < var(--site-width-wide)) {
			flex-flow: row;
			justify-content: flex-start;
			overflow-x: scroll;
			padding-block: 30px;
			white-space: nowrap;
		}
	}

	.card--filter {
		align-items: center;
		flex: 0 0 auto;
		width: min(200px, 100%);

		@media (width < var(--site-width-wide)) {
			container-type: normal;
			flex: 0 0 auto;
			width: min(220px, 100%);
		}

		.card__content {

			@media (width < var(--site-width-wide)) {
				text-wrap: inherit;
			}
		}

		.card__header {
			font-weight: 500;
		}
	}
}