.nextstory {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	padding: var(--space-md);
	background-color: var(--color-surface-low);
	border-radius: var(--radius-lg);
	color: var(--color-text);
	transition: background-color var(--transition);
}

.nextstory:hover {
	background-color: var(--color-surface);
	color: var(--color-primary);
}

.nextstory__label {
	color: var(--color-outline);
	transition: color var(--transition);
}

.nextstory:hover .nextstory__label {
	color: var(--color-primary);
}

.nextstory__arrow {
	display: inline-block;
	color: var(--color-primary);
	transition: transform var(--transition);
}

.nextstory:hover .nextstory__arrow {
	transform: translateX(0.25rem);
}

@media (min-width: 40rem) {
	.nextstory {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}