.agence_horaire {
    ;
    display: block;
    height: 18px;
    line-height: 1;

    span {
        &:before {
            content: '';
            width: 11px;
            height: 11px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 6px;
        }

    }

    &.open {
        span {
            &:before {
                background-color: var(--wp--preset--color--primary);
            }
        }
    }

    &.closed {
        span {
            &:before {
                background-color: var(--wp--preset--color--vivid-red);
            }
        }
    }

}