.gbdb-listen-wrap{ margin:16px 0 14px; }

.gbdb-listen-btn{
  display:inline-flex; align-items:center; gap:14px;
  font-size:18px; line-height:1;
  color:#27ae60; background:#000; border:1px solid #111;
  padding:6px 12px;
}
.gbdb-listen-btn.has-shadow{ box-shadow:0 2px 6px rgba(0,0,0,.2); }
.gbdb-listen-btn.has-hover{ transition:background .15s ease, transform .15s ease; }
.gbdb-listen-btn.has-hover:hover{ background:#0a0a0a; transform:translateY(-1px); }

.gbdb-listen-label{ display:inline-flex; align-items:center; gap:8px; }
.gbdb-listen-ico{ width:18px; height:18px; color:#27ae60; }
.gbdb-listen-controls{ display:inline-flex; align-items:center; gap:6px; }

.gbdb-ctl{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; 
  background:#0a0a0a; color:#27ae60; border:1px solid #1a1a1a;
  padding:0; cursor:pointer;
}
.gbdb-listen-btn.has-hover .gbdb-ctl{ transition:background .15s ease, transform .15s ease; }
.gbdb-listen-btn.has-hover .gbdb-ctl:hover{ background:#111; transform:translateY(-1px); }
.gbdb-ctl svg{ width:16px; height:16px; }