.laverde-nt {
	--lnt-accent: var(--qode-main-color, #ac835d);
	--lnt-accent-2: var(--qode-second-color, var(--lnt-accent));
	--lnt-font-heading: "Marcellus", serif;
	--lnt-dark: #181d24;
	--lnt-radius: 4px;
	box-sizing: border-box;
}

.laverde-nt *,
.laverde-nt *::before,
.laverde-nt *::after {
	box-sizing: inherit;
}

.laverde-nt--on-dark {
	--lnt-fg: #fff;
	--lnt-text: rgba(255, 255, 255, 0.72);
	--lnt-line: rgba(255, 255, 255, 0.16);
	--lnt-surface: rgba(255, 255, 255, 0.04);
}

.laverde-nt--on-light {
	--lnt-fg: #4a4847;
	--lnt-text: #66696c;
	--lnt-line: #e6dbd4;
	--lnt-surface: #fff;
}

.laverde-nt-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	color: var(--lnt-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.4;
	text-transform: uppercase;
}

.laverde-nt-eyebrow::before {
	content: "";
	width: 40px;
	height: 1px;
	background: currentColor;
}

.laverde-nt-button[class*="laverde-nt-button--"] {
	display: inline-flex;
	align-items: center;
	padding: 20px 50px;
	border: 1px solid var(--lnt-accent);
	border-radius: var(--lnt-radius);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.laverde-nt-button--filled {
	background: var(--lnt-accent);
	color: #fff;
}

.laverde-nt-button--outlined {
	color: var(--lnt-accent);
}

.laverde-nt-button--filled:hover,
.laverde-nt-button--outlined:hover {
	background: var(--lnt-accent-2);
	border-color: var(--lnt-accent-2);
	color: #fff;
}

.laverde-nt-button--textual {
	padding: 0;
	border: 0;
	color: var(--lnt-accent);
}
