.ptik-add-to-google-wrap {
	margin: 10px 0;
}

.ptik-add-to-google {
	--ptik-google-border: linear-gradient(
		90deg,
		#4285f4 0%,
		#34a853 25%,
		#fbbc05 50%,
		#ea4335 75%,
		#4285f4 100%
	);

	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 40px;
	padding: 7px 16px;
	border: 0;
	border-radius: 100px;
	background-color: #ffffff;
	color: var(--text, #000000);
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
	direction: ltr;
	transition: background-color 0.2s ease;
}

.ptik-add-to-google::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	padding: 2px;
	background: var(--ptik-google-border);
	-webkit-mask:
		linear-gradient(#ffffff 0 0) content-box,
		linear-gradient(#ffffff 0 0);
	mask:
		linear-gradient(#ffffff 0 0) content-box,
		linear-gradient(#ffffff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.ptik-add-to-google:hover,
.ptik-add-to-google:focus-visible {
	background-color: #f7f7f7;
}

.ptik-add-to-google-wrap a.ptik-add-to-google:hover,
.ptik-add-to-google-wrap a.ptik-add-to-google:focus-visible {
	color: var(--text, #000000);
	text-decoration: none;
}

.ptik-add-to-google-wrap a.ptik-add-to-google:hover .ptik-add-to-google__text,
.ptik-add-to-google-wrap a.ptik-add-to-google:hover .ptik-add-to-google__domain,
.ptik-add-to-google-wrap a.ptik-add-to-google:focus-visible .ptik-add-to-google__text,
.ptik-add-to-google-wrap a.ptik-add-to-google:focus-visible .ptik-add-to-google__domain {
	color: var(--text, #000000);
}

.ptik-add-to-google__domain {
	flex-shrink: 0;
	color: var(--text, #000000);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.2px;
	opacity: 0.72;
}

.ptik-add-to-google__text {
	flex: 1 1 auto;
	text-align: right;
	direction: rtl;
	font-weight: 500;
	color: var(--text, #000000);
}

.ptik-add-to-google__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.ptik-add-to-google__icon svg {
	display: block;
	width: 20px;
	height: 20px;
}