/*
 * Section Link Pill — small hairline-bordered pill.
 *
 * Used across blog surfaces for "See All Articles / Guides" and
 * "View All Articles / Guides" return links.
 */

.gambit-section-link-pill {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border: 0.5px solid var(--deep-charcoal);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--deep-charcoal);
	background: transparent;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.3s ease, color 0.3s ease;
}

.gambit-section-link-pill:hover,
.gambit-section-link-pill:focus-visible {
	background: var(--deep-charcoal);
	color: var(--warm-white);
	outline: none;
}

/* Full-column variant — used for the single-article return button. */
.gambit-section-link-pill--block {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 16px 24px;
}