.wp-block-operiva-icon-box {
	--operiva-icon-box-gap: 1rem;
	--operiva-icon-box-icon-size: 2.5rem;

	display: flex;
	gap: var(--operiva-icon-box-gap);
	position: relative;
}

.wp-block-operiva-icon-box.is-icon-position-top {
	align-items: stretch;
	flex-direction: column;
}

.wp-block-operiva-icon-box.is-icon-position-left.is-vertically-aligned-top {
	align-items: flex-start;
}

.wp-block-operiva-icon-box.is-icon-position-left.is-vertically-aligned-center {
	align-items: center;
}

.wp-block-operiva-icon-box.is-icon-position-left.is-vertically-aligned-bottom {
	align-items: flex-end;
}

.wp-block-operiva-icon-box.is-icon-position-top.has-icon-alignment-left
	.wp-block-operiva-icon-box__icon {
	align-self: flex-start;
}

.wp-block-operiva-icon-box.is-icon-position-top.has-icon-alignment-center
	.wp-block-operiva-icon-box__icon {
	align-self: center;
}

.wp-block-operiva-icon-box.is-icon-position-top.has-icon-alignment-right
	.wp-block-operiva-icon-box__icon {
	align-self: flex-end;
}

.wp-block-operiva-icon-box__icon {
	align-items: center;
	background-color: rgba(14, 165, 233, 0.16);
	background-color: color-mix(in srgb, currentColor 16%, transparent);
	border: 1px solid rgba(14, 165, 233, 0.44);
	border: 1px solid color-mix(in srgb, currentColor 44%, transparent);
	border-radius: 999px;
	color: var(--wp--preset--color--accent);
	display: inline-flex;
	flex: 0 0 auto;
	height: var(--operiva-icon-box-icon-size);
	justify-content: center;
	width: var(--operiva-icon-box-icon-size);
}

.wp-block-operiva-icon-box__icon svg {
	display: block;
	height: 1.25rem;
	width: 1.25rem;
}

.wp-block-operiva-icon-box__icon.is-icon-paint-stroke svg {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.wp-block-operiva-icon-box__icon.is-icon-paint-fill svg {
	fill: currentColor;
	stroke: none;
}

.wp-block-operiva-icon-box__content {
	min-width: 0;
	position: relative;
}

.wp-block-operiva-icon-box__content > :first-child {
	margin-top: 0;
}

.wp-block-operiva-icon-box__content > :last-child {
	margin-bottom: 0;
}

.wp-block-operiva-icon-box__link {
	border-radius: inherit;
	inset: 0;
	position: absolute;
	z-index: 2;
}

.wp-block-operiva-icon-box__content a,
.wp-block-operiva-icon-box__content button {
	position: relative;
	z-index: 3;
}