.ticker {
    background: var(--color-blue);
    overflow: hidden;
    height: 38px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.ticker:hover .ticker__track {
    animation-play-state: paused;
}
.ticker__track {
    display: flex;
    animation: ticker-scroll 22s linear infinite;
    white-space: nowrap;
}
.ticker__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: #fff;
}
.ticker__dot {
    opacity: 0.5;
    font-size: 10px;
}
@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@media (max-width: 600px) {
    .ticker__item {
        font-size: 10px;
        letter-spacing: 0.8px;
        gap: 12px;
        padding: 0 12px;
    }
}