.wp-block-icon svg,
.wp-block-icon__inserter-grid-icons-list-item-icon svg,
.pp-button-icon svg,
.pp-icon-picker-item svg {
	fill: none !important;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	overflow: visible;
}

.wp-block-button.has-pp-icon .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.wp-block-button.has-pp-icon.pp-icon-left .wp-block-button__link::before,
.wp-block-button.has-pp-icon.pp-icon-right .wp-block-button__link::after {
	content: '';
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: var(--pp-button-icon) center / contain no-repeat;
	mask: var(--pp-button-icon) center / contain no-repeat;
}

.wp-block-button.has-pp-icon .wp-block-button__link:has(.pp-button-icon)::before,
.wp-block-button.has-pp-icon .wp-block-button__link:has(.pp-button-icon)::after {
	content: none;
}

.pp-button-icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 0;
	pointer-events: none;
}

.pp-button-icon svg {
	width: 20px;
	height: 20px;
	max-width: none;
}