.just-now {
    border-bottom: 1px solid var(--color-s);
    padding-bottom: var(--xlarge);
}

.just-now a {
    display: block;
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent
}

.just-now .article-wrap {
    position: relative;
    overflow: hidden;
    border-left: 6px solid #b92222;
    align-items: center;
    border-bottom: 0;
    padding: var(--large);
}

.just-now .article-text-preview {
    padding: var(--xlarge)
}

.just-now .headline {
    display: flex;
    align-items: baseline;
    gap: var(--medium);
    flex-wrap: wrap
}

.just-now .just-now-vinjet {
    display: inline-flex;
    align-items: center;
    transform: translateY(-2px)
}

.just-now .just-now-vinjet span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #b92222;
    color: var(--color-w);
    font-family: var(--ff2);
    font-size: var(--font-small);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-wrap-mode: nowrap
}

.just-now .just-now-vinjet span::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-w);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.55);
    animation: justNowPulse 1.6s ease-out infinite
}

.just-now .otsikko {
    margin: 0;
    font-family: var(--ff2);
    font-weight: 900;
    line-height: 1.2;
    font-size: var(--font-medium);
    color: var(--color-bw)
}

@media (max-width: 560px) {
    .just-now .article-wrap {
        flex-direction:column;
        align-items: start;
        padding: var(--xlarge) 0 var(--xlarge) var(--xlarge)
    }

    .just-now .article-text-preview {
        padding: var(--large) var(--large) 0 0
    }

    .just-now .just-now-vinjet {
        transform: none
    }

    .just-now .just-now-vinjet span {
        padding: 6px 10px;
        font-size: var(--font-xsmall)
    }
}

@keyframes justNowPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0.45)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255,255,255,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}