.music-card{position:relative;width:100%;max-width:700px;height:180px;border-radius:1.5rem;background:var(--accent-color,#ff4d00);background-image:var(--cover);background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end;color:#fff;padding:1.5rem;transition:transform .3s ease , box-shadow .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid var(--accent-color)}.music-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.1));z-index:0}.music-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.music-meta{position:relative;z-index:1;width:100%}.music-artist{display:inline-block;background:rgba(255,255,255,.25);padding:4px 10px;border-radius:999px;font-size:.8rem;margin-bottom:.4rem}.music-title{font-size:1.4rem;font-weight:700;margin:0 0 1rem}.music-controls{display:flex;align-items:center;gap:.6rem}.music-btn{display:inline-flex;align-items:center;gap:.6rem;border:none;border-radius:999px;padding:.6rem 1.4rem;background:#fff;color:#000;font-weight:600;cursor:pointer;transition:all .25s ease}.music-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.music-download{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);border-radius:50%;width:42px;height:42px;color:#000;transition:all .25s ease}.music-download:hover{background:#fff;transform:translateY(-1px)}.icon-pause{display:none}.music-card.playing .icon-play{display:none}.music-card.playing .icon-pause{display:inline}@media (max-width:768px){.music-card{max-width:100%;height:auto;padding:1rem}}.music-btn-text,.music-duration{transition:opacity .4s ease , transform .4s ease;display:inline-block}.music-card.playing .music-btn-text,.music-card.playing .music-duration{opacity:1;transform:translateY(0)}.music-card .music-btn-text.fade-out,.music-card .music-duration.fade-out{opacity:0;transform:translateY(4px)}.icon-play,.icon-pause{opacity:0;transform:scale(.9);transition:opacity .3s ease , transform .3s ease}.music-card:not(.playing) .icon-play {opacity:1;transform:scale(1)}.music-card.playing .icon-pause{opacity:1;transform:scale(1)}.music-card.playing .icon-play,
.music-card:not(.playing) .icon-pause {opacity:0;transform:scale(.9)}.music-btn-text,.music-duration{transition:opacity .4s ease , transform .4s ease;display:inline-block}.music-card.playing .music-btn-text,.music-card.playing .music-duration{opacity:1;transform:translateY(0)}.music-card .music-btn-text.fade-out,.music-card .music-duration.fade-out{opacity:0;transform:translateY(4px)}