/**
 * LexProtect — кнопка на платформу (фронт + превью в редакторе)
 */

.wp-block-lexprotect-platform-cta.lp-platform-cta {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.wp-block-lexprotect-platform-cta.alignleft {
	float: none;
	text-align: left;
}

.wp-block-lexprotect-platform-cta.aligncenter {
	text-align: center;
}

.wp-block-lexprotect-platform-cta.alignright {
	float: none;
	text-align: right;
}

.wp-block-lexprotect-platform-cta.alignwide .lp-platform-cta__link {
	max-width: 100%;
}

.wp-block-lexprotect-platform-cta.alignfull .lp-platform-cta__link {
	max-width: 100%;
}

.lp-platform-cta__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	padding: 0.875rem 1.5rem;
	border-radius: 0.875rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none !important;
	color: #fff !important;
	background: linear-gradient(
		135deg,
		var(--color-accent, #1e40af) 0%,
		var(--color-accent-hover, #1d4ed8) 100%
	);
	box-shadow:
		0 4px 14px rgba(30, 64, 175, 0.35),
		0 1px 3px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		filter 0.2s ease;
}

.lp-platform-cta__link:hover {
	color: #fff !important;
	filter: brightness(1.06);
	box-shadow:
		0 8px 28px rgba(30, 64, 175, 0.4),
		0 2px 8px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.lp-platform-cta__link:focus-visible {
	outline: 2px solid var(--color-accent, #1e40af);
	outline-offset: 3px;
}

.lp-platform-cta__text {
	display: inline-block;
}

.lp-platform-cta__icon {
	flex-shrink: 0;
	opacity: 0.95;
	transition: transform 0.2s ease;
}

.lp-platform-cta__link:hover .lp-platform-cta__icon {
	transform: translate(2px, -2px);
}

/* Редактор */
.lp-platform-cta--editor .lp-platform-cta__link--preview {
	cursor: text;
}

.lp-platform-cta__hint {
	margin: 0.75rem 0 0;
	font-size: 0.8125rem;
	color: #64748b;
}

.editor-styles-wrapper .lp-platform-cta__hint {
	color: #64748b;
}

/* Тёмная тема сайта */
:root.dark .lp-platform-cta__link {
	box-shadow:
		0 4px 20px rgba(96, 165, 250, 0.25),
		0 1px 3px rgba(0, 0, 0, 0.2);
}