.ticker {
	position: relative;
	overflow: hidden;
	background: var(--red, #d62828);
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.22);
	border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	font-family: Impact, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.ticker-track {
	display: inline-flex;
	gap: 34px;
	width: max-content;
	padding: 13px 0;
	animation: helloTickerMarquee 28s linear infinite;
}

.ticker span {
	flex: 0 0 auto;
	font-size: 20px;
}

@keyframes helloTickerMarquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}