.wp-live-bar{
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 18px;
    width: 100%;
    margin: 18px 0 22px;
    padding: 14px 18px;

    background: #ffffff;
    border: 1px solid #e8dcc2;
    border-radius: 18px;

    box-shadow: 0 10px 28px rgba(0,0,0,.05);
    color: #3f3f3f;

    font-size: 15px;
    font-weight: 500;

    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.wp-live-bar::-webkit-scrollbar{
    display:none;
}

.wp-live-item{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    flex-shrink:0;
}

.wp-live-item svg{
    width:20px;
    height:20px;
    color:#b88a2d;
}

.wp-live-num{
    color:#b88a2d;
    font-weight:800;
    min-width:18px;
    text-align:center;
}

.wp-live-sep{
    width:1px;
    height:24px;
    background:#ece3cf;
    flex-shrink:0;
}

.wp-live-change{
    opacity:.25;
    transform:translateY(-3px);
}

.wp-copy{
    cursor:pointer;
    color:#b88a2d;
    font-weight:700;
    transition:.25s;
    white-space:nowrap;
    flex-shrink:0;
}

.wp-copy:hover{
    color:#9b7426;
}


@media (max-width:768px){

  .wp-live-bar{
    gap:6px;
    padding:8px 6px;
    font-size:11px;
  }

  .wp-live-item{
    gap:3px;
    white-space:nowrap;
  }

  .wp-live-item svg{
    width:14px;
    height:14px;
  }

  .wp-live-num{
    min-width:14px;
    font-size:11px;
  }

  .wp-live-sep{
    width:1px;
    height:22px;
    background:#d6aa55;
    opacity:.5;
    border-radius:10px;
}

  .wp-copy{
    font-size:11px;
    white-space:nowrap;
  }

}