.live-viewers{
    font-family: open sans;
    color:white;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 5px 0;
    margin-left:auto;
    width: 100%;
    justify-content: right;
    font-size: 16px;
}

.green-record-btn {
    width: 12px;
    height: 12px;
    background-color: #28a745; /* Green color */
    border-radius: 50%;        /* Makes it a circle */
    border: none;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

@media(max-width:600px){
    .live-viewers{
        font-size: 12px;
    }

    .green-record-btn {
        width: 8px;
        height: 8px;
    }
}