/* PLAYER QUICK LOVE + DOWNLOAD NOTE V1 */

.dirt-style-download-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 10px 0 12px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 157, 58, 0.34);
  border-radius: 13px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 148, 31, 0.12), transparent 48%),
    rgba(24, 17, 12, 0.94);
}

.dirt-style-download-note__copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dirt-style-download-note__copy > span {
  color: var(--orange-2, #ffb15c);
  font-size: 7px;
  font-weight: 950;
  letter-spacing: 0.15em;
}

.dirt-style-download-note__copy > strong {
  color: var(--text, #fff6ed);
  font-size: 11px;
  line-height: 1.25;
}

.dirt-style-download-note__copy > small {
  color: var(--muted, #cdbeb1);
  font-size: 9px;
  line-height: 1.4;
}

.dirt-style-download-note__copy b {
  color: var(--orange-2, #ffb15c);
}

.dirt-style-download-note__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255, 173, 85, 0.42);
  border-radius: 10px;
  color: var(--orange-2, #ffb15c);
  background: rgba(255, 148, 31, 0.08);
  font-size: 9px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.dirt-style-download-note__link:hover,
.dirt-style-download-note__link:focus-visible {
  border-color: var(--orange, #ff941f);
  background: rgba(255, 148, 31, 0.15);
}

.sticky.sticky-six-pack {
  width: min(calc(100% - 24px), 790px);
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sticky .sticky-quick-favorite,
.sticky .sticky-quick-flower {
  border: 1px solid rgba(255, 173, 85, 0.28);
}

.sticky .sticky-quick-favorite {
  background: rgba(255, 103, 77, 0.11);
}

.sticky .sticky-quick-flower {
  background: linear-gradient(
    135deg,
    rgba(255, 148, 31, 0.94),
    rgba(255, 190, 112, 0.94)
  );
  color: #241005;
}

.sticky .sticky-quick-favorite.active {
  color: #241005;
  background: linear-gradient(
    135deg,
    rgba(255, 120, 88, 0.96),
    rgba(255, 180, 120, 0.96)
  );
}

.sticky .sticky-quick-hide {
  border: 1px solid rgba(255, 173, 85, 0.18);
  color: var(--muted, #cdbeb1);
  background: rgba(255, 255, 255, 0.035);
}

@media (max-width: 650px) {
  .dirt-style-download-note {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .dirt-style-download-note__link {
    width: 100%;
    min-height: 43px;
  }

  .sticky.sticky-six-pack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sticky.sticky-six-pack button {
    min-height: 53px;
    font-size: 9px;
  }
}