.channel-row {
	margin-bottom: 1.25rem;
}

.channel-row__label {
	font-size: 0.8125rem;
	color: var(--color-text-secondary);
	margin-bottom: 0.4rem;
}

.channel-choice {
	display: flex;
	gap: 0.5rem;
}

.channel-btn {
	flex: 1;
	padding: 0.625rem 0.5rem;
	border-radius: var(--border-radius-md);
	border: 1.5px solid var(--color-border-tertiary);
	background: var(--color-background-primary);
	color: var(--color-text-secondary);
	font-size: 0.8125rem;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.3rem;
	transition:
		border-color var(--transition-fast),
		background var(--transition-fast),
		color var(--transition-fast);
}

.channel-btn--active {
	border-color: var(--color-text-success);
	background: var(--color-background-success);
	color: var(--color-text-success);
}

.channel-btn:hover:not(.channel-btn--active) {
	border-color: var(--color-border-secondary);
	background: var(--color-background-secondary);
	color: var(--color-text-primary);
}