/* core/group, "Icon Circle" style (inc/icon-circle-block-style.php), reusing the exact
   icon-circle recipe already used by components/stages.css's own .stage-icon (byte-identical
   to the prototype's .why-icon). Holds one tt360/icon block (inc/blocks/icon), which prints a
   real inline <svg> from the shared icon library -- no typed-in markup, per the project's own
   no-icon-fonts rule. */

.wp-block-group.is-style-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    color: rgba(var(--warm-gray), 1);
    background-color: rgba(var(--cream), 1);
    border: 1px solid rgba(var(--terra-green), 1);
    border-radius: 50%;
}

.wp-block-group.is-style-icon-circle svg {
    width: 32px;
    height: 32px;
}