.minimog-marquee-list {
	max-width: 100%;
	position: relative;
	--swiper-content-display: flex;

	.link {
		display: inline-flex;
		align-items: center;
		padding: 0;
		// Use transition of children.
		transition: none;
	}

	.icon {
		@extend %NormalTransition;
		flex-shrink: 0;
		font-size: 32px;
		margin-right: 10px;
		line-height: 1;
	}

	.text {
		@extend %NormalTransition;
		font-size: 56px;
		line-height: 1;
		margin-bottom: 0;
	}

	.item {
		position: relative;
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
	}

	.separator {
		width: 100px;
		height: 1px;
		margin-right: 50px;
		background-color: $text-color;
	}
}

@include elementor-breakpoint-down(tablet-extra) {
	.minimog-marquee-list {
		.icon {
			font-size: 24px;
		}

		.text {
			font-size: 42px;
		}
	}
}

@include elementor-breakpoint-down(tablet) {
	.minimog-marquee-list {
		.icon {
			font-size: 18px;
		}

		.text {
			font-size: 28px;
		}
	}
}
