.news-ticker {
    background: linear-gradient(90deg, #edf8f7, #f8fbfb);
/*    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);*/
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(4, 59, 67, .04)
}

.news-ticker .container {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 20px
}

.news-label {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    background: var(--red);
    color: #fff;
    padding: 0 20px;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
    clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%)
}

.news-dot {
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .2);
    animation: pulse-news 1.5s infinite
}

.ticker-window {
    overflow: hidden;
    white-space: nowrap;
    flex: 1
}

.ticker-content {
    display: inline-flex;
    align-items: center;
    gap: 44px;
    min-width: max-content;
    animation: ticker-scroll 35s linear infinite;
    font-size: .83rem;
    font-weight: 700;
    color: var(--deep)
}

.ticker-content:hover {
    animation-play-state: paused
}

.ticker-content span:before {
    content: '◆';
    font-size: .45rem;
    color: var(--red);
    margin-right: 12px;
    vertical-align: 2px
}

@keyframes ticker-scroll {
    from {
        transform: translateX(0)
    }

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

@keyframes pulse-news {
    50% {
        opacity: .45;
        transform: scale(.7)
    }
}

@media(max-width:520px) {
    .news-ticker .container {
        width: 100%;
        gap: 8px
    }

    .news-label {
        padding: 0 12px;
        font-size: .61rem;
        letter-spacing: .04em
    }

    .ticker-content {
        font-size: .75rem;
        gap: 28px
    }
}