.retention-control {
  margin: 22px 0 18px;
}

.retention-control > span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 9px;
}

.retention-options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.retention-options button {
  font: 600 10px Manrope, sans-serif;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px 5px;
  background: var(--cream);
  cursor: pointer;
  transition: .18s;
}

.retention-options button:hover {
  border-color: var(--purple);
  color: var(--purple);
}

.retention-options button.active {
  background: var(--lavender);
  border-color: var(--purple);
  color: var(--purple);
  box-shadow: inset 0 0 0 1px var(--purple);
}

.file-data .transfer-speed {
  color: var(--purple);
  font-weight: 500;
}

@media (max-width: 480px) {
  .retention-options { grid-template-columns: repeat(2, 1fr); }
}