/* ================= MORE / CHEVRON ================= */
.more-btn{
  background:none;
  border:none;
  color: var(--blue2);
  font-size: 22px;
  cursor:pointer;
  line-height: 1;
  padding: 0 4px;
}

/* ================= SHARE PANEL (unter Card) ================= */
.track-actions{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: -50px;

  display:none;
  justify-content:flex-end;
  pointer-events: none; /* Panel klickbar machen wir über button selbst */
}

.track.open .track-actions{
  display:flex;
}

.track-actions .share{
  pointer-events: auto;
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding: 10px 14px;
  border-radius: 999px;

  background: linear-gradient(180deg, #1b2440, #121a30);
  border: 1px solid var(--line);
  color:#fff;
  cursor:pointer;

  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}

.track-actions .share:hover{
  background: linear-gradient(180deg, #24305a, #1a2442);
}

/* optional: Share-Icon im Button hübsch */
.track-actions .share svg{
  width:16px;
  height:16px;
  fill: currentColor;
}