.downloads__header {
	margin-bottom: var(--space-l);
}

.downloads__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
}

.downloads__link {
	display: flex;
	align-items: center;
	gap: var(--space-s);
	padding: var(--space-s);
	border: var(--border-width-s) solid var(--color-border);
	border-radius: var(--radius-l);
	text-decoration: none;
	color: var(--color-text);
	transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.downloads__link:hover {
	border-color: var(--color-primary);
	background-color: var(--color-background-alt);
}

.downloads__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--radius-full);
	background-color: var(--color-background-alt);
	color: var(--color-primary);
}

.downloads__icon svg {
	width: 1.25rem;
	height: 1.25rem;
}

.downloads__meta {
	display: flex;
	flex-direction: column;
	gap: var(--space-3xs);
	flex: 1;
}

.downloads__title {
	font-weight: var(--font-weight-semibold);
}

.downloads__format {
	color: var(--color-text-muted);
}

.downloads__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	border-radius: var(--radius-full);
	background-color: var(--color-background-inverse);
	color: var(--color-text-inverse);
	transition: transform var(--transition-fast);
}

.downloads__arrow svg {
	width: 1rem;
	height: 1rem;
}

.downloads__link:hover .downloads__arrow {
	transform: translateY(2px);
}