
.wp-block-gtm-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: var(--gtm-transition);
	transition-property: var(--gtm-global--transition-property);
	will-change: var(--gtm-global--transition-property);
}

.gtm-style.gtm-has-icon-icon-size---lg.wp-block-gtm-icon {
	font-size: var(--gtm-icon-icon-size---lg);
}

@media (max-width: 1199.98px) {
	.gtm-style.gtm-has-icon-icon-size---md.wp-block-gtm-icon {
		font-size: var(--gtm-icon-icon-size---md);
	}
}

@media (max-width: 767.98px) {
	.gtm-style.gtm-has-icon-icon-size---sm.wp-block-gtm-icon {
		font-size: var(--gtm-icon-icon-size---sm);
	}
}

.gtm-style.gtm-has-icon-color.wp-block-gtm-icon {
	color: var(--gtm-icon-color);
}

.gtm-style.gtm-has-icon-bg.wp-block-gtm-icon {
	background: var(--gtm-icon-bg);
}

.gtm-style.gtm-has-icon-hover-color.wp-block-gtm-icon:hover {
	color: var(--gtm-icon-hover-color);
}

.gtm-style.gtm-has-icon-hover-bg.wp-block-gtm-icon:hover {
	background: var(--gtm-icon-hover-bg);
}

.is-style-gtm-icon-fill {
	background: var(--wp--preset--color--primary, #1232fb);
	color: #fff;
	width: 1.75em;
	height: 1.75em;
}

.is-style-gtm-icon-outline {
	border: 2px solid currentColor;
	width: 1.75em;
	height: 1.75em;
}
