.bccb-shortcode-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bccb-shortcode-input {
	flex: 1;
	font-family: monospace;
	font-size: 12px;
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #f9f9f9;
	min-width: 200px;
}

.bccb-copy-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 3px;
}

.bccb-copy-btn .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.bccb-copy-btn.copied {
	background-color: #00a32a;
	color: #fff;
	border-color: #00a32a;
}

.bccb-copy-btn.copied .dashicons::before {
	content: "\f147";
}