.hd-listen{--hd-ink:#0e1230;--hd-blue:#1b22c4;--hd-cream:#f1ebda;--hd-dawn:#f3e3b4;--hd-gold:#e8bc5f;--hd-emerald:#34d399;--hd-magenta:#ed4ec2;background:var(--hd-ink);border:1.5px solid var(--hd-ink);box-shadow:0 0 0 0 var(--hd-magenta);border-radius:14px;align-items:center;gap:14px;padding:10px 22px 10px 10px;font-family:Space Grotesk,Inter,sans-serif;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.hd-listen:hover,.hd-listen:focus-visible{box-shadow:5px 5px 0 0 var(--hd-magenta);transform:translate(-3px,-3px)}.hd-listen:active{box-shadow:2px 2px 0 0 var(--hd-magenta);transform:translate(0)}.hd-listen:focus-visible{outline:3px solid var(--hd-emerald);outline-offset:3px}.hd-listen__tile{background:var(--hd-dawn);border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.hd-listen__tile svg{width:34px;height:30px;display:block}.hd-listen__text{text-align:left;line-height:1.15;display:grid}.hd-listen__kicker{letter-spacing:.18em;color:var(--hd-gold);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.hd-listen__kicker:before{content:"";background:var(--hd-emerald);border-radius:50%;width:6px;height:6px}.hd-listen__name{color:var(--hd-cream);letter-spacing:-.01em;font-family:Archivo Black,Supera Gothic Extra Bold,sans-serif;font-size:20px}.hd-listen--light{background:#fff}.hd-listen--light .hd-listen__tile{background:var(--hd-ink)}.hd-listen--light .hd-listen__kicker{color:#5a66d8}.hd-listen--light .hd-listen__name{color:var(--hd-ink)}.hd-listen--compact{border-radius:10px;gap:10px;padding:6px 14px 6px 6px}.hd-listen--compact .hd-listen__tile{border-radius:8px;width:32px;height:32px}.hd-listen--compact .hd-listen__tile svg{width:24px;height:21px}.hd-listen--compact .hd-listen__kicker{font-size:9px}.hd-listen--compact .hd-listen__name{font-size:15px}@media (prefers-reduced-motion:reduce){.hd-listen{transition:none}}