.wp-block-outermost-icon-block {
    display: flex;
    line-height: 0
}

.wp-block-outermost-icon-block.has-border-color {
    border: none
}

.wp-block-outermost-icon-block .has-icon-color svg,
.wp-block-outermost-icon-block.has-icon-color svg {
    color: currentColor
}

.wp-block-outermost-icon-block .has-icon-color:not(.has-no-icon-fill-color) svg,
.wp-block-outermost-icon-block.has-icon-color:not(.has-no-icon-fill-color) svg {
    fill: currentColor
}

.wp-block-outermost-icon-block .icon-container {
    box-sizing: border-box
}

.wp-block-outermost-icon-block a,
.wp-block-outermost-icon-block svg {
    height: 100%;
    transition: transform .1s ease-in-out;
    width: 100%
}

.wp-block-outermost-icon-block svg {
    transform: rotate(var(--outermost--icon-block--transform-rotate, 0deg)) scaleX(var(--outermost--icon-block--transform-scale-x, 1)) scaleY(var(--outermost--icon-block--transform-scale-y, 1))
}

.wp-block-outermost-icon-block .rotate-90,
.wp-block-outermost-icon-block.rotate-90 {
    --outermost--icon-block--transform-rotate: 90deg
}

.wp-block-outermost-icon-block .rotate-180,
.wp-block-outermost-icon-block.rotate-180 {
    --outermost--icon-block--transform-rotate: 180deg
}

.wp-block-outermost-icon-block .rotate-270,
.wp-block-outermost-icon-block.rotate-270 {
    --outermost--icon-block--transform-rotate: 270deg
}

.wp-block-outermost-icon-block .flip-horizontal,
.wp-block-outermost-icon-block.flip-horizontal {
    --outermost--icon-block--transform-scale-x: -1
}

.wp-block-outermost-icon-block .flip-vertical,
.wp-block-outermost-icon-block.flip-vertical {
    --outermost--icon-block--transform-scale-y: -1
}

.wp-block-outermost-icon-block .flip-vertical.flip-horizontal,
.wp-block-outermost-icon-block.flip-vertical.flip-horizontal {
    --outermost--icon-block--transform-scale-x: -1;
    --outermost--icon-block--transform-scale-y: -1
}