.ultradevs-ai-summarizer-block-wrapper {
	margin: 20px 0;

	&.aligncenter { text-align: center; }
	&.alignleft { text-align: left; }
	&.alignright { text-align: right; }
}

.ultradevs-ai-summarizer-block-container {
	display: inline-flex;
	align-items: center;
	background: #fff;
	padding: 12px 24px;
	border-radius: 50px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.05);
	max-width: 100%;
	transition: all 0.3s ease;

	&.modern {
		background: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.3);
	}

	.ultradevs-ai-summarizer-block-label {
		font-size: 13px;
		font-weight: 700;
		color: #555;
		margin-right: 15px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
	}

	.ultradevs-ai-summarizer-block-platforms {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.ultradevs-ai-summarizer-block-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		cursor: pointer;
		position: relative;

		&.icon-only {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			padding: 0;
		}

		&:hover {
			transform: translateY(-2px) scale(1.05);
			box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
			filter: brightness(1.1);
		}

		&:active {
			transform: scale(0.95);
		}

		.ultradevs-ai-summarizer-block-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 20px;
			height: 20px;
			color: #fff;

			svg {
				width: 100%;
				height: 100%;
				display: block;
			}
		}
	}
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	.ultradevs-ai-summarizer-block-container {
		background: rgba(40, 40, 40, 0.6);
		border-color: rgba(255, 255, 255, 0.1);
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);

		.ultradevs-ai-summarizer-block-label {
			color: #aaa;
		}
	}
}