/* Shared ".lsv-btn" button styles — used across the Homepage v2 sections and
   on product cards (see product-cards.css), so buttons look identical
   wherever a product card or homepage section appears. */

.lsv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}
.lsv-btn-primary {
	background: #2B716B;
	color: #fff;
	border-color: #2B716B;
}
.lsv-btn-primary:is(:hover, :focus) {
	background: #235D58;
	border-color: #235D58;
	/* Astra's sitewide `a:hover, a:focus { color: #a14207 }` otherwise
	   turns the label dark orange-red on hover. */
	color: #fff;
}
.lsv-btn-outline {
	background: rgba(255, 255, 255, 0.88);
	color: #1A5E63;
	border: 1px solid #AEC3C0;
}
.lsv-btn-outline:is(:hover, :focus) {
	background: rgba(255, 255, 255, 0.97);
	border-color: #8FAAA6;
	color: #1A5E63;
}
.lsv-btn-outline-light {
	background: transparent;
	color: #fff;
	border-color: #fff;
}
/* Its own hover/focus - on a <button> Astra's global `button:hover` turned
   it solid blue (#041aac) otherwise. */
.lsv-btn-outline-light:is(:hover, :focus) {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	border-color: #fff;
}
.lsv-btn-small {
	padding: 8px 16px;
	font-size: 14px;
	width: 100%;
	text-align: center;
}