.wp-block-dblocks-dblocks-codepro {
	position: relative;
	
	// Code container
	pre {
		position: relative;
		margin: 0;
		padding: 1em;
		overflow: auto;
		border-radius: 4px;
	}

	code {
		font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
		font-size: 14px;
		line-height: 1.5;
	}

	// Tag wrapper and buttons
	.tag-wrapper {
		display: flex;
		gap: 0.4rem;
		position: absolute;
		z-index: 1;
		top: 0.4rem;
		right: 0.4rem;
	}

	.tag-button {
		padding: 0.5rem 0.75rem;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 0.1);
		color: white;
		border: 0;
		cursor: pointer;
		font-size: 12px;
		transition: background-color 0.2s ease;

		&:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}
	}

	// Light theme
	&.syntax-light {
		code {
			background-color: #f6f8fa;
		}
		
		.tag-button {
			background-color: #dee3e8;
			color: black;
		}
	}
}