.ouvir{display:flex;gap:8px;align-items:center;margin-top:16px}
.ouvir[hidden]{display:none}
.ouvir button{font-family:var(--util);font-size:12px;font-weight:800;letter-spacing:.075em;
  text-transform:uppercase;padding:11px 16px;border-radius:6px;border:0;cursor:pointer;
  background:transparent;color:var(--tinta);transition:background .2s,color .2s}
.ouvir .ouvir-tocar{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 12px;background:var(--marca);color:#fff;box-shadow:0 3px 12px -2px var(--marca)}
.ouvir .ouvir-tocar:hover{opacity:.9}
.ouvir .ouvir-parar:hover{color:var(--marca)}
.ouvir button[hidden]{display:none}
.ouvir .ouvir-ico{flex:0 0 auto;display:block}

.barra-ler{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;font-family:var(--util);font-size:13px;color:var(--tinta-4)}
.barra-ler .ouvir{margin-top:0}
.barra-ler .barra-tempo{white-space:nowrap}
.compartilhar{margin:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1.5px solid var(--marca);background:transparent;color:var(--marca);cursor:pointer;transition:background .2s,color .2s;position:relative}
.compartilhar:hover{background:var(--marca);color:#fff}
.compartilhar.ok::after{content:attr(data-copiado);position:absolute;left:46px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:var(--marca)}