.haptelle-analytics-preferences-trigger {
	margin: 10px 0 0;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.haptelle-analytics-preferences-trigger:focus-visible,
.haptelle-analytics-preferences__actions button:focus-visible {
	outline: 3px solid #d4aa64;
	outline-offset: 3px;
}

.haptelle-analytics-preferences {
	position: fixed;
	z-index: 1040;
	left: 16px;
	right: 16px;
	bottom: 16px;
	max-width: 720px;
	margin: 0 auto;
	padding: 18px 20px;
	border: 1px solid rgba(32, 31, 29, .18);
	border-radius: 12px;
	background: #fff;
	color: #292723;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
}

.haptelle-analytics-preferences[hidden] {
	display: none !important;
}

.haptelle-analytics-preferences__content > p {
	margin: 0 0 10px;
	line-height: 1.5;
}

.haptelle-analytics-preferences__state {
	font-size: 13px;
}

.haptelle-analytics-preferences__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.haptelle-analytics-preferences__actions button {
	min-height: 42px;
	padding: 8px 14px;
	border: 1px solid #4b4337;
	border-radius: 6px;
	background: #fff;
	color: #292723;
	font: inherit;
	cursor: pointer;
}

.haptelle-analytics-preferences__actions button[data-haptelle-analytics-choice="granted"] {
	background: #4b4337;
	color: #fff;
}

.haptelle-analytics-preferences__actions button:hover {
	filter: brightness(.94);
}

@media (max-width: 600px) {
	.haptelle-analytics-preferences {
		left: 10px;
		right: 10px;
		bottom: 10px;
		padding: 15px;
	}

	.haptelle-analytics-preferences__actions button {
		flex: 1 1 130px;
	}
}