/* Product Studio store block. --ps-accent comes from the settings. */
.pstudio-store-block {
	--ps-accent: #1d2327;
	margin: 2em 0 1em;
	padding: 1.5em 1.75em;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--ps-accent) 18%, transparent);
	background: linear-gradient(135deg, color-mix(in srgb, var(--ps-accent) 7%, #fff), color-mix(in srgb, var(--ps-accent) 3%, #fff));
}

.pstudio-store-block .pstudio-store-block__title {
	margin: 0 0 0.6em;
	color: var(--ps-accent);
}

.pstudio-store-block p {
	margin: 0 0 0.8em;
}

.pstudio-store-block .pstudio-store-block__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	margin: 1.2em 0 0;
}

.pstudio-store-block .pstudio-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.7em 1.5em;
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.3;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.pstudio-store-block .pstudio-btn:hover,
.pstudio-store-block .pstudio-btn:focus-visible {
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
}

.pstudio-store-block .pstudio-btn::before {
	content: "";
	width: 1.15em;
	height: 1.15em;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--ps-icon) center / contain no-repeat;
	mask: var(--ps-icon) center / contain no-repeat;
}

.pstudio-btn--whatsapp {
	background: #25d366;
	--ps-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.3-.5 0-1 .2-3.3-.7-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.4 1.8 2.2 1.2 1.1 2.2 1.4 2.5 1.6.3.1.5.1.7-.1l1-1.2c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.5.3.1.2.1.7-.1 1.2z'/%3E%3C/svg%3E");
}

.pstudio-btn--facebook {
	background: #1877f2;
	--ps-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-4 1.8-4 4.3V10H7v4h3v8h4v-8h3l1-4h-4V8.6c0-.4.3-.6.6-.6z'/%3E%3C/svg%3E");
}

.pstudio-btn--instagram {
	background: linear-gradient(45deg, #f58529, #dd2a7b 50%, #8134af);
	--ps-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.3a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 0 0 0-9.4zm0 7.7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm6-7.9a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0zM21.9 8c-.1-1.6-.4-3-1.6-4.2S17.6 2.2 16 2.1C14.4 2 9.6 2 8 2.1 6.4 2.2 5 2.5 3.8 3.7S2.2 6.4 2.1 8C2 9.6 2 14.4 2.1 16c.1 1.6.4 3 1.6 4.2s2.6 1.5 4.3 1.6c1.6.1 6.4.1 8 0 1.6-.1 3-.4 4.2-1.6s1.5-2.6 1.6-4.2c.1-1.6.1-6.4.1-8zm-2.3 10.5a3.3 3.3 0 0 1-1.8 1.8c-1.3.5-4.3.4-5.8.4s-4.5.1-5.8-.4a3.3 3.3 0 0 1-1.8-1.8c-.5-1.3-.4-4.3-.4-5.8s-.1-4.5.4-5.8a3.3 3.3 0 0 1 1.8-1.8C7.5 4.6 10.5 4.7 12 4.7s4.5-.1 5.8.4a3.3 3.3 0 0 1 1.8 1.8c.5 1.3.4 4.3.4 5.8s.1 4.5-.4 5.8z'/%3E%3C/svg%3E");
}

.pstudio-btn--tiktok {
	background: #111;
	--ps-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 2h-3.3v13.2a2.9 2.9 0 1 1-2-2.8V9a6.3 6.3 0 1 0 5.3 6.2V8.6a7.8 7.8 0 0 0 4.4 1.4V6.7a4.4 4.4 0 0 1-4.4-4.7z'/%3E%3C/svg%3E");
}