.letterness-subscribe-btn {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 9999px;
	color: #fff !important;
	background-color: var(--letterness-btn-bg, #16a34a) !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	line-height: 1;
	cursor: pointer;
	border: none !important;
	box-shadow: none !important;
	white-space: nowrap;
	vertical-align: middle;
	transition: opacity 0.2s, transform 0.15s;
}
.letterness-subscribe-btn:hover,
.letterness-subscribe-btn:focus {
	opacity: 0.9;
	transform: translateY(-1px);
	color: #fff !important;
}

/* Robustness when appended into a theme's <ul> nav menu, so it never
   inherits a bullet, border, or unexpected block layout from the theme. */
li.letterness-header-btn-item {
	list-style: none !important;
	display: inline-flex !important;
	align-items: center;
	margin-left: 12px !important;
	background: none !important;
	border: none !important;
}
li.letterness-header-btn-item::before,
li.letterness-header-btn-item::marker {
	content: none !important;
}

/* Front-end "Preview" banner shown while previewing the header button */
.letterness-preview-topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	background: #1b1b1b;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: sans-serif;
}
.letterness-preview-badge {
	background: #ff5722;
	color: #fff;
	font: 700 11px/1.4 sans-serif;
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: .05em;
}