UNORADIO

 <div style="background:#0b0015;color:#fff;font-family:Arial,sans-serif;padding:30px">

  <div style="text-align:center;margin-bottom:25px">

    <h1 style="margin:0;font-size:34px">LA RETRO FM 92.5</h1>

    <p style="color:#ff77cc">Clásicos que no pasan de moda</p>

  </div>

  <div style="max-width:360px;margin:auto;background:#16001f;

              padding:20px;border-radius:20px;

              box-shadow:0 0 30px rgba(255,0,140,.6);

              text-align:center">

    <audio id="retroAudio"

      src="https://streaming01.shockmedia.com.ar/8230/stream"></audio>

    <div id="retroEq" style="display:flex;justify-content:center;gap:5px;margin:10px 0">

      <span style="width:5px;height:8px;background:#ff2aa6"></span>

      <span style="width:5px;height:8px;background:#ff2aa6"></span>

      <span style="width:5px;height:8px;background:#ff2aa6"></span>

      <span style="width:5px;height:8px;background:#ff2aa6"></span>

      <span style="width:5px;height:8px;background:#ff2aa6"></span>

    </div>

    <button id="retroBtn"

      style="background:#ff007a;border:none;border-radius:50%;

             width:60px;height:60px;font-size:24px;

             color:#fff;cursor:pointer">▶</button>

    <div style="margin-top:10px;color:#ff77cc">EN VIVO</div>

  </div>

</div>

<script>

var a=document.getElementById("retroAudio");

var b=document.getElementById("retroBtn");

b.onclick=function(){

  if(a.paused){

    a.play();

    b.innerHTML="⏸";

  }else{

    a.pause();

    b.innerHTML="▶";

  }

};

</script>