.op-flow-workflow-list.opui-item-list ul > li {
    .opui-left {
        display: grid;
        grid-template-columns: 150px 1fr;
    }

    .op-flow-workflow-icons {
        display: grid;
        gap: 45px;
        grid-template-columns: 1fr 1fr;

        .op-flow-icon, .op-flow-workflow-icons-count {
            cursor: pointer;
            position: relative;
            display: flex;
            border: 1px solid #dfe2e8;
            border-radius: 8px;
            align-items: center;
            justify-content: center;
            width: 54px;
            height: 54px;
            box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
            font-size: 24px;
            color: #666;

            span {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            span, i, .opui-fa {
                margin: 0 !important;
            }

            .opui-fa-wordpress {
                color: #0073aa;
            }

            .opui-fa-clock-o, .opui-fa-hourglass {
                color: #c15a2d;
            }

            img {
                max-width: 28px;
                max-height: 28px;
            }

            .opui-icon-logo {
                position: relative;
                top: 5px;
                color: $color--opui-blue;
            }
        }

        .op-flow-icon:first-child::after {
            content: '';
            position: absolute;
            top: 18px;
            right: -32px;
            width: 12px;
            height: 12px;
            font-size: 12px;
            color: #aaa;
            background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2222%22%20viewBox%3D%220%200%2017%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M2%2019.7762L14.4469%2011.1772C14.4992%2011.1409%2014.5411%2011.0964%2014.5698%2011.0466C14.5985%2010.9968%2014.6133%2010.9428%2014.6133%2010.8881C14.6133%2010.8335%2014.5985%2010.7795%2014.5698%2010.7297C14.5411%2010.6798%2014.4992%2010.6353%2014.4469%2010.5991L2%202%22%20stroke%3D%22%23CACACA%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E ');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        &.op-flow-workflow-icons-with-count {
            display: grid;
            gap: 6px;
            grid-template-columns: 1fr 1fr auto;

            .op-flow-workflow-icons-count {
                background: #eee;
                font-size: 10px;
                width: 32px;
                overflow: hidden;
            }

            .op-flow-icon:first-child::after {
                display: none;
            }
        }
    }

    .op-flow-workflow-icons-single {
        .op-flow-icon:first-child::after {
            display: none;
        }
    }
}