/*
 * Reusable Component: Button
 */

.qehs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--qehs-space-sm);
	padding: var(--qehs-space-sm) var(--qehs-space-lg);
	border-radius: var(--qehs-radius-md);
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 2;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
	white-space: nowrap;
}

.qehs-btn:hover {
	background-color: transparent;
	color: var(--qehs-secondary);
	border: 2px solid var(--qehs-secondary);
}

.qehs-btn:focus-visible {
	outline: 2px solid var(--qehs-primary);
	outline-offset: 2px;
}

/* Primary */
.qehs-btn--primary {
	background-color: var(--qehs-primary);
	color: #ffffff;
}

.qehs-btn--primary:hover {
	background-color: var(--qehs-primary-dark);
}

/* Secondary */
.qehs-btn--secondary {
	background-color: var(--qehs-secondary);
	color: #ffffff;
}

/*.qehs-btn--secondary:hover {
	background-color: transparent;
	color: white;
	border: 2px solid white;

	filter: brightness(0.92);
}*/