.atg-sticky-cta {
	--atg-trigger-bg: #b68e2e;
	--atg-trigger-hover-bg: #b68e2e;
	--atg-cog: #b68e2e;
	--atg-header-bg: #b68e2e;
	--atg-header-title: #212121;
	--atg-header-subtitle: #212121;
	--atg-panel-bg: #fff;
	--atg-action-bg: rgba(182, 142, 46, 0.18);
	--atg-action-hover-bg: rgba(182, 142, 46, 0.28);
	--atg-action-icon: #212121;
	--atg-action-title: #212121;
	--atg-action-subtitle: #212121;
	--atg-default-icon-color: #fff;
	--atg-hover-icon-color: #fff;
	--atg-open-icon-color: #fff;
	--atg-offset-x: 18px;
	--atg-offset-y: 18px;
	--atg-card-width: 240px;
	--atg-trigger-size: 72px;
	--atg-trigger-icon-size: 44px;
	position: fixed;
	bottom: var(--atg-offset-y);
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: min(var(--atg-card-width), calc(100vw - (2 * var(--atg-offset-x))));
	max-width: var(--atg-card-width);
	z-index: 10000;
	box-sizing: border-box;
	color: var(--atg-action-title);
	font-family: Poppins, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.43;
	pointer-events: none;
}

.atg-sticky-cta,
.atg-sticky-cta * {
	box-sizing: border-box;
}

.atg-sticky-cta--right {
	right: var(--atg-offset-x);
	align-items: flex-end;
}

.atg-sticky-cta--left {
	left: var(--atg-offset-x);
	align-items: flex-start;
}

.atg-sticky-cta__card {
	position: relative;
	z-index: 3;
	display: none;
	width: 100%;
	overflow: hidden;
	border-radius: 9px;
	background: var(--atg-panel-bg);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	opacity: 0;
	transform: translateY(50%);
	transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
	pointer-events: auto;
}

.atg-sticky-cta[data-open="true"] .atg-sticky-cta__card {
	display: block;
}

.atg-sticky-cta[data-open="true"].atg-sticky-cta--visible .atg-sticky-cta__card {
	opacity: 1;
	transform: translateY(0);
}

.atg-sticky-cta__header {
	margin: 0;
	padding: 16px;
	background: var(--atg-header-bg);
	color: var(--atg-header-title);
}

.atg-sticky-cta .atg-sticky-cta__header .atg-sticky-cta__heading {
	margin: 0;
	color: var(--atg-header-title) !important;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.atg-sticky-cta .atg-sticky-cta__header .atg-sticky-cta__subheading {
	margin-top: 2px;
	color: var(--atg-header-subtitle) !important;
	font-size: 14px;
	line-height: 1.43;
}

.atg-sticky-cta__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	background: var(--atg-panel-bg);
}

.atg-sticky-cta__action {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 58px;
	padding: 8px;
	border-radius: 9px;
	background: var(--atg-action-bg);
	color: var(--atg-action-title);
	text-decoration: none;
	transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.atg-sticky-cta__action:hover,
.atg-sticky-cta__action:focus-visible {
	color: var(--atg-action-title);
	text-decoration: none;
	transform: translateY(-2px);
	background: var(--atg-action-hover-bg);
}

.atg-sticky-cta__action:focus-visible,
.atg-sticky-cta__trigger:focus-visible {
	outline: 3px solid var(--atg-action-title);
	outline-offset: 3px;
}

.atg-sticky-cta .atg-sticky-cta__action .atg-sticky-cta__action-icon {
	display: inline-flex;
	flex: 0 0 24px;
	align-items: center;
	justify-content: center;
	width: 24px;
	margin-right: 8px;
	color: var(--atg-action-icon) !important;
}

.atg-sticky-cta__action-icon i,
.atg-sticky-cta__action-icon svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.atg-sticky-cta__action-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 0;
}

.atg-sticky-cta__action-title,
.atg-sticky-cta__action-subtitle {
	display: block;
}

.atg-sticky-cta .atg-sticky-cta__action .atg-sticky-cta__action-title {
	color: var(--atg-action-title) !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.43;
}

.atg-sticky-cta .atg-sticky-cta__action .atg-sticky-cta__action-subtitle {
	color: var(--atg-action-subtitle) !important;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.43;
}

.atg-sticky-cta button.atg-sticky-cta__trigger {
	position: relative;
	z-index: 1;
	box-sizing: border-box !important;
	display: flex;
	flex: 0 0 var(--atg-trigger-size);
	align-items: center;
	justify-content: center;
	width: var(--atg-trigger-size) !important;
	height: var(--atg-trigger-size) !important;
	min-width: var(--atg-trigger-size) !important;
	min-height: var(--atg-trigger-size) !important;
	max-width: var(--atg-trigger-size) !important;
	max-height: var(--atg-trigger-size) !important;
	margin: 0;
	padding: 10px !important;
	overflow: visible;
	border: 0 !important;
	border-radius: 50% !important;
	background-color: var(--atg-trigger-bg) !important;
	background-image: none !important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	color: #fff !important;
	font-size: 0;
	line-height: 1 !important;
	cursor: pointer;
	appearance: none;
	pointer-events: auto;
	transition: transform 0.2s ease-in-out;
}

.atg-sticky-cta button.atg-sticky-cta__trigger:focus {
	border: 0 !important;
	background-color: var(--atg-trigger-bg) !important;
	background-image: none !important;
	color: #fff !important;
}

.atg-sticky-cta button.atg-sticky-cta__trigger:hover,
.atg-sticky-cta button.atg-sticky-cta__trigger:active {
	border: 0 !important;
	background-color: var(--atg-trigger-hover-bg) !important;
	background-image: none !important;
	color: #fff !important;
	transform: scale(1.1) rotate(10deg);
}

.atg-sticky-cta button.atg-sticky-cta__trigger::before,
.atg-sticky-cta button.atg-sticky-cta__trigger::after {
	display: none !important;
	content: none !important;
}

.atg-sticky-cta__cog {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: var(--atg-cog);
	-webkit-mask: url("../images/client-logo-full-cog.svg") center / contain no-repeat;
	mask: url("../images/client-logo-full-cog.svg") center / contain no-repeat;
	transition: transform 0.5s ease-in-out;
}

.atg-sticky-cta[data-open="true"] .atg-sticky-cta__cog {
	transform: rotate(360deg) scale(1.5);
}

.atg-sticky-cta__trigger-icon {
	position: relative;
	z-index: 3;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: var(--atg-trigger-icon-size);
	height: var(--atg-trigger-icon-size);
	overflow: visible;
}

.atg-sticky-cta__trigger-icon--open {
	color: var(--atg-default-icon-color) !important;
}

.atg-sticky-cta__trigger:hover .atg-sticky-cta__trigger-icon--open,
.atg-sticky-cta__trigger-icon--hover {
	color: var(--atg-hover-icon-color) !important;
}

.atg-sticky-cta__trigger-icon--close {
	color: var(--atg-open-icon-color) !important;
}

.atg-sticky-cta__trigger-icon i,
.atg-sticky-cta__trigger-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit !important;
	font-size: var(--atg-trigger-icon-size);
	line-height: 1;
}

.atg-sticky-cta__trigger-icon svg,
.atg-sticky-cta__trigger-icon svg path,
.atg-sticky-cta__trigger-icon svg circle,
.atg-sticky-cta__trigger-icon svg ellipse,
.atg-sticky-cta__trigger-icon svg polygon,
.atg-sticky-cta__trigger-icon svg rect {
	fill: currentColor !important;
}

.atg-sticky-cta__trigger-icon--hover,
.atg-sticky-cta__trigger-icon--close,
.atg-sticky-cta[data-open="true"] .atg-sticky-cta__trigger-icon--open {
	display: none;
}

.atg-sticky-cta--has-hover-icon[data-open="false"] .atg-sticky-cta__trigger:hover .atg-sticky-cta__trigger-icon--open {
	display: none;
}

.atg-sticky-cta--has-hover-icon[data-open="false"] .atg-sticky-cta__trigger:hover .atg-sticky-cta__trigger-icon--hover {
	display: inline-flex;
}

.atg-sticky-cta[data-open="true"] .atg-sticky-cta__trigger-icon--close {
	display: inline-flex;
}

@media (max-width: 480px) {
	.atg-sticky-cta {
		--atg-offset-x: 12px;
		--atg-offset-y: 12px;
		width: min(var(--atg-card-width), calc(100vw - 24px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.atg-sticky-cta__card,
	.atg-sticky-cta__trigger,
	.atg-sticky-cta__cog,
	.atg-sticky-cta__action {
		transition-duration: 0.01ms !important;
	}
}
