Parece que não conseguimos encontrar o que você está procurando. Talvez fazer uma Pesquisa possa Ajudar.
.itapoa-player-box {
display: flex;
align-items: center;
gap: 10px;
background: #f7941e;
padding: 5px 12px;
border-radius: 30px;
color: #fff;
font-family: Arial, sans-serif;
width: fit-content;
max-width: 100%;
box-sizing: border-box;
}
.mini-logo {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
background: #fff;
flex-shrink: 0;
}
.player-text {
display: flex;
flex-direction: column;
line-height: 1.1;
white-space: nowrap;
}
.player-text strong {
font-size: 12px;
color: #fff;
}
.player-text span {
font-size: 9px;
font-weight: bold;
color: #0d2847;
}
#btnPlay {
background: #fff;
border: none;
width: 30px;
height: 30px;
border-radius: 50%;
color: #f7941e;
font-size: 13px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding-left: 2px;
}
@media (max-width: 480px) {
.itapoa-player-box {
padding: 4px 8px;
gap: 8px;
}
.mini-logo {
width: 28px;
height: 28px;
}
.player-text strong {
font-size: 11px;
}
#btnPlay {
width: 26px;
height: 26px;
font-size: 11px;
}
}
function rodarRadio() {
var a = document.getElementById('fluxoAudio');
var b = document.getElementById('btnPlay');
var s = document.getElementById('txtStatus');
if (a.paused) {
a.play();
b.innerText = '❚❚';
s.innerText = 'OUVINDO';
s.style.color = '#fff';
} else {
a.pause();
b.innerText = '▶';
s.innerText = 'AO VIVO';
s.style.color = '#0d2847';
}
}
Parece que não conseguimos encontrar o que você está procurando. Talvez fazer uma Pesquisa possa Ajudar.