/* Icon color inheritance for buttons */
.wp-block-button__link .webcrema-button-icon,
.wp-block-button__link .webcrema-button-icon-svg {
	align-items: center;
	display: inline-block;
	flex: 0 0 auto;
	line-height: 0;
	vertical-align: middle;
}

/* SVG icon - inherit text color without turning outline icons into filled icons. */
.wp-block-button__link .webcrema-button-icon-svg[stroke]:not([stroke="none" i]) {
	stroke: var(--webcrema-button-icon-stroke-color, currentColor);
}

.wp-block-button__link .webcrema-button-icon-svg[fill]:not([fill="none" i]) {
	fill: var(--webcrema-button-icon-fill-color, currentColor);
}

.wp-block-button__link .webcrema-button-icon-svg[fill="none" i] {
	fill: none;
}

.wp-block-button__link .webcrema-button-icon-svg [stroke]:not([stroke="none" i]) {
	stroke: var(--webcrema-button-icon-stroke-color, currentColor);
}

.wp-block-button__link .webcrema-button-icon-svg [fill]:not([fill="none" i]) {
	fill: var(--webcrema-button-icon-fill-color, currentColor);
}

.wp-block-button__link .webcrema-button-icon-svg [fill="none" i] {
	fill: none;
}

/* Regular img icons */
.wp-block-button__link .webcrema-button-icon {
	display: inline-block;
	height: auto;
	width: auto;
}

/* For button-light style - Icon should be dark/contrast color (text color) */
.wp-block-button.is-style-button-light
	.wp-block-button__link
	.webcrema-button-icon-svg[stroke]:not([stroke="none" i]) {
	stroke: var(--webcrema-button-icon-stroke-color, currentColor);
}

/* Default button - SVG inherits text color via currentColor */
.wp-block-button
	.wp-block-button__link
	.webcrema-button-icon-svg[stroke]:not([stroke="none" i]) {
	stroke: var(--webcrema-button-icon-stroke-color, currentColor);
}