/**
 * Sitewide Button Styles — Bare Biology
 * .bb-btn base + primary/secondary variants.
 */

.bb-btn {
	align-items: center;
	border: 2px solid transparent;
	border-radius: 300px;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--k-font-body);
	font-size: 1rem;
	font-style: italic;
	font-weight: 400;
	justify-content: center;
	padding: 0.65rem 1.5rem;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.bb-btn--primary {
	background-color: var(--bb-teal, #5b9a96);
	border-color: var(--bb-teal, #5b9a96);
	color: #fff;
}

.bb-btn--primary:hover,
.bb-btn--primary:focus,
.bb-btn--primary:active {
	background-color: var(--bb-teal-dark, #4a8884);
	border-color: var(--bb-teal-dark, #4a8884);
	color: #fff;
}

.bb-btn--secondary {
	background-color: transparent;
	border-color: var(--k-border-color, #ddd);
	color: var(--bb-text-dark);
}

.bb-btn--secondary:hover {
	border-color: var(--bb-teal, #5b9a96);
	color: var(--bb-teal, #5b9a96);
}