/* ==========================================================
 * WT BUTTON — ICONA
 * ========================================================== */

.wp-block-button.wt-button[data-wt-icon-position]
	.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: var(--wtsbk-button-icon-gap, 8px);
}

/*
 * Usiamo sempre ::after per l'icona.
 * In questo modo evitiamo conflitti con eventuali ::before
 * utilizzati dal tema.
 */
.wp-block-button.wt-button[data-wt-icon-position]
	.wp-block-button__link::after {
	content: "";

	display: block;
	width: 1em;
	height: 1em;
	flex: 0 0 1em;

	background-color: currentColor;

	-webkit-mask-image: var(--wtsbk-button-icon);
	mask-image: var(--wtsbk-button-icon);

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Sinistra */
.wp-block-button.wt-button[data-wt-icon-position="left"]
	.wp-block-button__link::after {
	order: -1;
}

/* Destra */
.wp-block-button.wt-button[data-wt-icon-position="right"]
	.wp-block-button__link::after {
	order: 1;
}