<div class="cont">
    <div class="flash"></div>
    <span class="txt">Live</span>
</div>

<style>
    .cont {
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-family: 'URW Gothic', sans-serif;
        font-weight: 600;
        letter-spacing: 0.15ch;
    }

    .flash {
        height: 0.6rem;
        width: 0.6rem;
        margin: 0 0.35rem;
        border-radius: 50%;
        background-color: forestgreen;
        animation: live-pulse 1s ease-in-out infinite;
    }

    .txt {
        animation: live-text-pulse 1s ease-in-out infinite;
    }

    @keyframes live-pulse {
        0%, 100% {
            box-shadow: 0 0 14px forestgreen;
            filter: opacity(1) saturate(1);
        }
        50% {
            box-shadow: 0 0 2px forestgreen;
            filter: opacity(0.2) saturate(0.95);
        }
    }

    @keyframes live-text-pulse {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0.65;
        }
    }
</style>