.foxiz-qv-wrap {
				--foxiz-qv-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
				--foxiz-qv-accent: #5772ff;
				--foxiz-qv-ink: #14161c;
				position: fixed;
				z-index: 9999;
				right: 10px;
				top: 35%;
				display: flex;
				flex-flow: column nowrap;
				gap: 10px;
				font-family: var(--foxiz-qv-font);
				line-height: 1;
				-webkit-font-smoothing: antialiased;
			}

			.foxiz-qv-wrap .foxiz-qv-btn {
				position: relative;
				box-sizing: border-box;
				display: flex;
				flex-flow: column nowrap;
				gap: 3px;
				height: 60px;
				width: 60px;
				padding: 0;
				align-items: center;
				justify-content: center;
				border: 0;
				border-radius: 16px;
				background: #fff;
				box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
				-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
				font-family: var(--foxiz-qv-font);
				text-decoration: none;
				transition: transform .25s ease, color .25s ease, box-shadow .25s ease;
			}

			.foxiz-qv-wrap .foxiz-qv-btn svg {
				position: relative;
				z-index: 2;
				width: 28px;
				height: 28px;
				display: block;
			}

			.foxiz-qv-wrap .foxiz-qv-btn .foxiz-qv-label {
				position: relative;
				z-index: 2;
				display: block;
				margin: 0;
				padding: 0;
				font-family: var(--foxiz-qv-font);
				font-size: 10px;
				font-weight: 600;
				font-style: normal;
				letter-spacing: .01em;
				line-height: 1;
				text-transform: none;
				text-decoration: none;
				color: inherit;
			}

			.foxiz-qv-wrap .foxiz-qv-btn:hover {
				transform: translateY(-2px);
			}

			.foxiz-qv-wrap .foxiz-qv-btn:focus-visible {
				outline: 2px solid var(--foxiz-qv-accent);
				outline-offset: 3px;
			}

			/* tooltip: grows out from the button */
			.foxiz-qv-wrap .foxiz-qv-btn::after {
				content: attr(data-foxiz-qv-tooltip);
				position: absolute;
				top: 50%;
				right: calc(100% + 14px);
				z-index: 3;
				box-sizing: border-box;
				height: 34px;
				padding: 0 12px;
				border-radius: 9px;
				background: var(--foxiz-qv-ink);
				color: #fff;
				font-family: var(--foxiz-qv-font);
				font-size: 12px;
				font-weight: 500;
				font-style: normal;
				letter-spacing: 0;
				line-height: 34px;
				text-transform: none;
				white-space: nowrap;
				box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
				opacity: 0;
				pointer-events: none;
				transform-origin: right center;
				transform: translateY(-50%) scale(.7);
				transition: opacity .15s ease, transform .3s cubic-bezier(.2, 1.5, .45, 1);
				will-change: transform, opacity;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-font-smoothing: antialiased;
			}

			.foxiz-qv-wrap .foxiz-qv-btn:hover::after,
			.foxiz-qv-wrap .foxiz-qv-btn:focus-visible::after {
				opacity: 1;
				transform: translateY(-50%) scale(1);
				transition-delay: .06s;
			}

			.rtl .foxiz-qv-wrap .foxiz-qv-btn::after {
				right: auto;
				left: calc(100% + 14px);
				transform-origin: left center;
			}

			.foxiz-qv-wrap .foxiz-qv-btn-demos {
				color: var(--foxiz-qv-ink);
			}

			.foxiz-qv-wrap .foxiz-qv-btn-demos:hover {
				color: var(--foxiz-qv-accent);
			}

			/* pricing: animated gradient inner border */
			.foxiz-qv-wrap .foxiz-qv-btn-pricing {
				color: var(--foxiz-qv-accent);
				box-shadow: 0 4px 20px rgba(87, 114, 255, .28);
			}

			/* seamless flowing gradient: a single oversized layer moved by transform */
			.foxiz-qv-wrap .foxiz-qv-aura {
				position: absolute;
				z-index: 0;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				border-radius: 16px;
				overflow: hidden;
			}

			.foxiz-qv-wrap .foxiz-qv-aura::before {
				content: "";
				position: absolute;
				top: -160px;
				right: -160px;
				bottom: -160px;
				left: -160px;
				background-color: var(--foxiz-qv-accent);
				background-image: repeating-linear-gradient(70deg, rgba(0, 149, 255, .56) 0px, rgba(226, 40, 255, .82) 30px, rgba(255, 118, 0, .66) 60px, rgba(76, 232, 255, .8) 90px, rgba(0, 149, 255, .56) 120px);
				animation: foxiz-qv-flow 4.5s linear infinite;
				will-change: transform;
			}

			.foxiz-qv-wrap .foxiz-qv-btn-pricing::before {
				content: "";
				position: absolute;
				z-index: 1;
				top: 2px;
				right: 2px;
				bottom: 2px;
				left: 2px;
				border-radius: 14px;
				background: #fff;
				transition: opacity .3s ease;
			}

			.foxiz-qv-wrap .foxiz-qv-btn-pricing:hover {
				color: #fff;
				box-shadow: 0 6px 26px rgba(87, 114, 255, .45);
			}

			.foxiz-qv-wrap .foxiz-qv-btn-pricing:hover::before {
				opacity: 0;
			}

			/* one full stripe period along the 70deg axis: 120px * (sin70, -cos70) */
			@keyframes foxiz-qv-flow {
				0% {
					transform: translate3d(0, 0, 0);
				}
				100% {
					transform: translate3d(112.76px, -41.04px, 0);
				}
			}

			@media (max-width: 1024px) {
				.single-post .foxiz-qv-wrap {
					bottom: 65px;
				}

				.foxiz-qv-wrap {
					flex-flow: row nowrap;
					bottom: 20px;
					top: auto;
					left: 50%;
					right: auto;
					margin-top: 0;
					margin-left: -61px;
				}

				.foxiz-qv-wrap .foxiz-qv-btn {
					width: 56px;
					height: 56px;
					border-radius: 14px;
					gap: 4px;
				}

				.foxiz-qv-wrap .foxiz-qv-btn svg {
					width: 26px;
					height: 26px;
				}

				.foxiz-qv-wrap .foxiz-qv-aura {
					border-radius: 14px;
				}

				.foxiz-qv-wrap .foxiz-qv-btn-pricing::before {
					border-radius: 12px;
				}

				.foxiz-qv-wrap .foxiz-qv-btn::after {
					display: none;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				.foxiz-qv-wrap .foxiz-qv-btn,
				.foxiz-qv-wrap .foxiz-qv-btn::after,
				.foxiz-qv-wrap .foxiz-qv-aura::before {
					animation: none !important;
					transition: none !important;
				}

				.foxiz-qv-wrap .foxiz-qv-btn:hover::after,
				.foxiz-qv-wrap .foxiz-qv-btn:focus-visible::after {
					transform: translateY(-50%) scale(1);
				}
			}

			@media print {
				.foxiz-qv-wrap {
					display: none !important;
				}
			}