/* Live Public download rows. */
.dl-row.dl-live {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--blue) 5%, transparent), transparent 48%),
    transparent;
}
.dl-row.dl-live::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px transparent;
  transition: box-shadow .3s ease;
}
.dl-row.dl-live:hover::after {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue) 28%, transparent);
}
.dl-action {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: none;
}
.dl-action b {
  padding: 5px 8px;
  border-radius: var(--r-pill);
  background: color-mix(in srgb, var(--blue) 10%, var(--field-sheen));
  border: 1px solid color-mix(in srgb, var(--blue) 20%, var(--hairline));
  color: var(--blue);
  font-size: var(--fs-small);
  letter-spacing: .06em;
}
.dl-action span {
  color: var(--ink);
  font-size: var(--fs-body);
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .25s ease, transform .25s ease;
}
.dl-row.dl-live:hover .dl-action span {
  color: var(--blue);
  transform: translateY(1px);
}
@media (max-width: 620px) {
  .dl-row.dl-live { justify-content: space-between; padding-inline: 18px; }
  .dl-row.dl-live .os { width: auto; }
  .dl-action { gap: 8px; }
  .dl-action span { font-size: var(--fs-small); }
}